<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta name="generator" content="Hugo 0.121.0" />
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
    />
    <meta name="theme-color" content="#f9f9f9" />
    <title>在线工具网 - 网址导航</title>
    <link rel="shortcut icon" href="./assets/images/favicon.png" />
    <meta name="keywords" content="在线工具网" />
    <meta
      name="description"
      content="在线网址导航, 各类开发工具、绘图绘画工具、md5、在线ps、base64、房贷计算器等"
    />

    <link
      rel="stylesheet"
      id="block-library-css"
      href="./assets/css/block-library.min-5.6.2.css"
      type="text/css"
      media="all"
    />
    <link
      rel="stylesheet"
      id="iconfont-css"
      href="./assets/css/iconfont-3.03029.1.css"
      type="text/css"
      media="all"
    />
    <link
      rel="stylesheet"
      id="bootstrap-css"
      href="./assets/css/bootstrap.min-4.3.1.css"
      type="text/css"
      media="all"
    />
    <link
      rel="stylesheet"
      id="fancybox-css"
      href="./assets/css/fancybox.min-3.5.7.css"
      type="text/css"
      media="all"
    />
    <link
      rel="stylesheet"
      id="iowen-css"
      href="./assets/css/style-3.03029.1.css"
      type="text/css"
      media="all"
    />
    <link
      rel="stylesheet"
      id="custom-css"
      href="./assets/css/custom-style.css"
      type="text/css"
      media="all"
    />
    <link
      rel="stylesheet"
      id="fortawesome-css"
      href="./assets/fontawesome-5.15.4/css/all.min.css"
      type="text/css"
    />
    <script
      type="text/javascript"
      src="./assets/js/jquery.min-3.2.1.js"
      id="jquery-js"
    ></script>
    <script
      type="text/javascript"
      src="./assets/js/content-search.js"
      id="content-search-js"
    ></script>

    <script>
      !(function (p) {
        "use strict";
        !(function (t) {
          var s = window,
            e = document,
            i = p,
            c = "".concat(
              "https:" === e.location.protocol ? "https://" : "http://",
              "sdk.51.la/js-sdk-pro.min.js"
            ),
            n = e.createElement("script"),
            r = e.getElementsByTagName("script")[0];
          (n.type = "text/javascript"),
            n.setAttribute("charset", "UTF-8"),
            (n.async = !0),
            (n.src = c),
            (n.id = "LA_COLLECT"),
            (i.d = n);
          var o = function () {
            s.LA.ids.push(i);
          };
          s.LA ? s.LA.ids && o() : ((s.LA = p), (s.LA.ids = []), o()),
            r.parentNode.insertBefore(n, r);
        })();
      })({ id: "3G9QRCtAm0z4ABfe", ck: "3G9QRCtAm0z4ABfe" });
    </script>
  </head>

  <body class="io-grey-mode">
    <div class="page-container">
      <div
        id="sidebar"
        class="sticky sidebar-nav fade animate-nav"
        style="width: 170px"
      >
        <dhttp: class="modal-dialog h-100 sidebar-nav-inner">
          <div class="sidebar-logo border-bottom border-color">
            <div class="logo overflow-hidden">
              <a href="" class="logo-expanded">
                <img
                  src="./assets/images/bt8-expand-light.png"
                  height="40"
                  class="logo-light"
                  alt="在线工具网"
                />
                <img
                  src="./assets/images/bt8-expand-dark.png"
                  height="40"
                  class="logo-dark d-none"
                  alt="在线工具网"
                />
              </a>
              <a href="" class="logo-collapsed">
                <img
                  src="./assets/images/bt.png"
                  height="40"
                  class="logo-light"
                  alt="在线工具网"
                />
                <img
                  src="./assets/images/bt.png"
                  height="40"
                  class="logo-dark d-none"
                  alt="在线工具网"
                />
              </a>
            </div>
          </div>
          <div class="sidebar-menu flex-fill">
            <div class="sidebar-scroll">
              <div class="sidebar-menu-inner">
                <ul>
                  <li class="sidebar-item">
                    <a href="#3e90c5117dc0fe9d71410e448d766e52" class="smooth">
                      <i class="far fa-star fa-lg icon-fw icon-lg mr-2"></i>
                      <span>常用工具</span>
                    </a>
                  </li>

                  <li class="sidebar-item">
                    <a
                      href="#89a839e0a347c0be73793d01e52c31ad"
                      class="smooth change-href"
                      data-change="#89a839e0a347c0be73793d01e52c31ad"
                    >
                      <i class="fas fa-flask fa-lg icon-fw icon-lg mr-2"></i>
                      <span>科研办公</span>
                      <i
                        class="iconfont icon-arrow-r-m sidebar-more text-sm"
                      ></i>
                    </a>
                    <ul>
                      <li>
                        <a
                          href="#89a839e0a347c0be73793d01e52c31ad"
                          class="smooth"
                          ><span>生物信息</span></a
                        >
                      </li>

                      <li>
                        <a
                          href="#acd617ea241c9daf2f251963bc03c6e3"
                          class="smooth"
                          ><span>云服务器</span></a
                        >
                      </li>

                      <li>
                        <a
                          href="#e0aade1cd567f730e498e248bbd6acdf"
                          class="smooth"
                          ><span>办公学习</span></a
                        >
                      </li>
                    </ul>
                  </li>

                  <li class="sidebar-item">
                    <a
                      href="#a4d417d7850fde0cd00e4af576621a63"
                      class="smooth change-href"
                      data-change="#a4d417d7850fde0cd00e4af576621a63"
                    >
                      <i class="fas fa-film fa-lg icon-fw icon-lg mr-2"></i>
                      <span>悠闲娱乐</span>
                      <i
                        class="iconfont icon-arrow-r-m sidebar-more text-sm"
                      ></i>
                    </a>
                    <ul>
                      <li>
                        <a
                          href="#a4d417d7850fde0cd00e4af576621a63"
                          class="smooth"
                          ><span>影音视频</span></a
                        >
                      </li>

                      <li>
                        <a
                          href="#e15122403d5aca361a6b63ddea292464"
                          class="smooth"
                          ><span>游戏竞技</span></a
                        >
                      </li>
                    </ul>
                  </li>

                  <li class="sidebar-item">
                    <a
                      href="#5e6e1089ffbc5d7819c0d0f1f7b31ebc"
                      class="smooth change-href"
                      data-change="#5e6e1089ffbc5d7819c0d0f1f7b31ebc"
                    >
                      <i
                        class="far fa-folder-open fa-lg icon-fw icon-lg mr-2"
                      ></i>
                      <span>素材资源</span>
                      <i
                        class="iconfont icon-arrow-r-m sidebar-more text-sm"
                      ></i>
                    </a>
                    <ul>
                      <li>
                        <a
                          href="#5e6e1089ffbc5d7819c0d0f1f7b31ebc"
                          class="smooth"
                          ><span>网盘资源</span></a
                        >
                      </li>

                      <li>
                        <a
                          href="#7866a35b09d466b9cf0295af54d30d53"
                          class="smooth"
                          ><span>图标素材</span></a
                        >
                      </li>

                      <li>
                        <a
                          href="#779477bcccdd4ecb1d852c8d4a67caca"
                          class="smooth"
                          ><span>图标设计</span></a
                        >
                      </li>

                      <li>
                        <a
                          href="#ff65f7f9721757bf11b0b0c95f1b9446"
                          class="smooth"
                          ><span>平面素材</span></a
                        >
                      </li>

                      <li>
                        <a
                          href="#722d3693fc0b9344bb46ee220beac1b6"
                          class="smooth"
                          ><span>字体资源</span></a
                        >
                      </li>

                      <li>
                        <a
                          href="#113a0a745b4169af0f7646269c12ae66"
                          class="smooth"
                          ><span>PPT资源</span></a
                        >
                      </li>
                    </ul>
                  </li>

                  <li class="sidebar-item">
                    <a
                      href="#4fbc8ba07df90bae306d8e3b83fc5a21"
                      class="smooth change-href"
                      data-change="#4fbc8ba07df90bae306d8e3b83fc5a21"
                    >
                      <i class="fas fa-tools fa-lg icon-fw icon-lg mr-2"></i>
                      <span>开发设计</span>
                      <i
                        class="iconfont icon-arrow-r-m sidebar-more text-sm"
                      ></i>
                    </a>
                    <ul>
                      <li>
                        <a
                          href="#4fbc8ba07df90bae306d8e3b83fc5a21"
                          class="smooth"
                          ><span>图形创意</span></a
                        >
                      </li>

                      <li>
                        <a
                          href="#542c016a714d85715d206c8892fba01f"
                          class="smooth"
                          ><span>界面设计</span></a
                        >
                      </li>

                      <li>
                        <a
                          href="#31e51a60697ff3fb1d1c4934cce67921"
                          class="smooth"
                          ><span>在线配色</span></a
                        >
                      </li>

                      <li>
                        <a
                          href="#9c2232288caaa8ec40948cef6a786ac2"
                          class="smooth"
                          ><span>在线工具</span></a
                        >
                      </li>

                      <li>
                        <a
                          href="#13a0e1cc22ccc31b31242a6046230729"
                          class="smooth"
                          ><span>谷歌插件</span></a
                        >
                      </li>
                    </ul>
                  </li>

                  <li class="sidebar-item">
                    <a
                      href="#19cb9b648dba4efc58a205ea413b6b5d"
                      class="smooth change-href"
                      data-change="#19cb9b648dba4efc58a205ea413b6b5d"
                    >
                      <i
                        class="fas fa-pencil-alt fa-lg icon-fw icon-lg mr-2"
                      ></i>
                      <span>资讯学习</span>
                      <i
                        class="iconfont icon-arrow-r-m sidebar-more text-sm"
                      ></i>
                    </a>
                    <ul>
                      <li>
                        <a
                          href="#19cb9b648dba4efc58a205ea413b6b5d"
                          class="smooth"
                          ><span>资讯书籍</span></a
                        >
                      </li>
                      <li>
                        <a
                          href="#33d3098041927a26a98ed4c6822c9687"
                          class="smooth"
                          ><span>设计规范</span></a
                        >
                      </li>

                      <li>
                        <a
                          href="#aec25b122d7aceb3dd3b64cf71858ed2"
                          class="smooth"
                          ><span>视频教程</span></a
                        >
                      </li>
                    </ul>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <!-- 这里是左下角导航链接 -->
          <div class="border-top py-2 border-color">
            <div class="flex-bottom">
              <ul>
                <!-- <li id="menu-item-237"
                                class="menu-item menu-item-type-post_type menu-item-object-page menu-item-237 sidebar-item">
                                <a href="/about" target="_blank">
                                    <i class="fas fa-file-upload icon-fw icon-lg mr-2"></i>
                                    <span>网站提交</span></a>
                            </li> -->

                <!-- <li
                  id="menu-item-212"
                  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-212 sidebar-item"
                >
                  <a href="http://101.42.52.216:8605" class="smooth">
                    <i class="fab fa-staylinked icon-fw icon-lg mr-2"></i>
                    <span>like here</span>
                  </a>
                </li> -->

                <li
                  id="menu-item-213"
                  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-213 sidebar-item"
                >
                  <a target="_blank" rel="noopener" href="./about/index.html">
                    <i class="fa fa-info-circle icon-fw icon-lg mr-2"></i>
                    <span>关于导航</span></a
                  >
                </li>
              </ul>
            </div>
          </div>
        </dhttp://www.zzblog.online:8603/index/recorderVisitPage?pageName=%E9%92%8A%E9%92%8Aiv>
      </div>

      <div class="main-content flex-fill grid-bg">
        <div class="big-header-banner">
          <div id="header" class="page-header sticky">
            <div class="navbar navbar-expand-md">
              <div class="container-fluid p-0">
                <a href="" class="navbar-brand d-md-none" title="在线工具网">
                  <img
                    src="./assets/images/bt.png"
                    class="logo-light"
                    alt="在线工具网"
                  />
                  <img
                    src="./assets/images/bt.png"
                    class="logo-dark d-none"
                    alt="在线工具网"
                  />
                </a>

                <div class="collapse navbar-collapse order-2 order-md-1">
                  <div class="header-mini-btn">
                    <label>
                      <input id="mini-button" type="checkbox" />
                      <svg
                        viewbox="0 0 100 100"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          class="line--1"
                          d="M0 40h62c18 0 18-20-17 5L31 55"
                        ></path>
                        <path class="line--2" d="M0 50h80"></path>
                        <path
                          class="line--3"
                          d="M0 60h62c18 0 18 20-17-5L31 45"
                        ></path>
                      </svg>
                    </label>
                  </div>

                  <ul class="navbar-nav site-menu" style="margin-right: 16px">
                    <li>
                      <a href="./">
                        <i class="fa fa-home fa-lg mr-2"></i>
                        <span>首页</span>
                      </a>
                      <ul class="sub-menu"></ul>
                    </li>

                    <li>
                      <a href="http://www.zzblog.online">
                        <i class="fa fa-book fa-lg mr-2"></i>
                        <span>钊钊Blog</span>
                      </a>
                      <ul class="sub-menu"></ul>
                    </li>
                  </ul>

                  <div class="rounded-circle weather">
                    <div id="he-plugin-simple" style="display: contents"></div>
                    <script>
                      WIDGET = {
                        CONFIG: {
                          modules: "01234",
                          background: 5,
                          tmpColor: "E4C600",
                          tmpSize: 14,
                          cityColor: "E4C600",
                          citySize: 14,
                          aqiColor: "#E4C600",
                          aqiSize: 14,
                          weatherIconSize: 24,
                          alertIconSize: 18,
                          padding: "10px 10px 10px 10px",
                          shadow: "1",
                          language: "auto",
                          borderRadius: 5,
                          fixed: "false",
                          vertical: "middle",
                          horizontal: "left",
                          key: "085791e805a24491b43b06cf58ab31e7",
                        },
                      };
                    </script>
                    <script src="https://widget.qweather.net/simple/static/js/he-simple-common.js?v=2.0"></script>
                  </div>
                </div>

                <ul class="nav navbar-menu text-xs order-1 order-md-2">
                  <li class="nav-item mr-3 mr-lg-0 d-none d-lg-block">
                    <script>
                      fetch("https://v1.hitokoto.cn")
                        .then((response) => response.json())
                        .then((data) => {
                          const hitokoto =
                            document.getElementById("hitokoto_text");
                          hitokoto.href =
                            "https://hitokoto.cn/?uuid=" + data.uuid;
                          hitokoto.innerText = data.hitokoto;
                        })
                        .catch(console.error);
                    </script>
                    <div id="hitokoto">
                      <a href="#" target="_blank" id="hitokoto_text"
                        >学习新思想，争做新青年。</a
                      >
                    </div>
                  </li>

                  <li class="nav-search ml-3 ml-md-4">
                    <a
                      href="javascript:"
                      data-toggle="modal"
                      data-target="#search-modal"
                      ><i class="iconfont icon-search icon-2x"></i
                    ></a>
                  </li>
                  <li class="nav-item d-md-none mobile-menu ml-3 ml-md-4">
                    <a
                      href="javascript:"
                      id="sidebar-switch"
                      data-toggle="modal"
                      data-target="#sidebar"
                      ><i class="iconfont icon-classification icon-2x"></i
                    ></a>
                  </li>
                  <!-- <li class="nav-search ml-3 ml-md-4">
                    <a href="http://www.zzblog.online"
                      ><i class=" mr-2 icon-2x" style="font-size: 1em;line-height: 0.9em;">钊钊Blog</i
                    >
                </a>
                  </li> -->
                </ul>
              </div>
            </div>
          </div>
          <div class="placeholder" style="height: 74px"></div>
        </div>

        <div class="header-big post-top css-color mb-4" id="search-bg" style="">
          <div class="s-search">
            <div id="search" class="s-search mx-auto">
              <div id="search-list-menu" class="hide-type-list">
                <div class="s-type text-center">
                  <div class="s-type-list big">
                    <div
                      class="anchor"
                      style="position: absolute; left: 50%; opacity: 0"
                    ></div>
                    <label for="type-baidu" data-id="group-a"
                      ><span>常用</span></label
                    >
                    <label for="type-baidu1" data-id="group-b"
                      ><span>搜索</span></label
                    >
                    <label for="type-whois" data-id="group-c"
                      ><span>工具</span></label
                    >
                    <label for="type-zhihu" data-id="group-d"
                      ><span>社区</span></label
                    >
                    <label for="type-taobao1" data-id="group-e"
                      ><span>生活</span></label
                    >
                    <label for="type-zhaopin" data-id="group-f"
                      ><span>求职</span></label
                    >
                  </div>
                </div>
              </div>

              <form
                action="https://www.baidu.com?s="
                method="get"
                target="_blank"
                class="super-search-fm"
              >
                <input
                  type="text"
                  id="search-text"
                  class="form-control smart-tips search-key"
                  zhannei=""
                  placeholder="输入关键字搜索"
                  style="outline: 0"
                  autocomplete="off"
                />
                <button class="submit" type="submit">
                  <i class="iconfont icon-search"></i>
                </button>
              </form>

              <div id="search-list" class="hide-type-list">
                <div class="search-group group-a">
                  <ul class="search-type">
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type"
                        checked="checked"
                        id="type-baidu"
                        value="https://www.baidu.com/s?wd="
                        data-placeholder="百度一下，你就知道"
                      />
                      <label for="type-baidu"
                        ><span class="text-muted">百度</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type"
                        id="type-bing"
                        value="https://cn.bing.com/search?q="
                        data-placeholder="微软 Bing 搜索"
                      />
                      <label for="type-bing"
                        ><span class="text-muted">必应</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type"
                        id="type-google"
                        value="https://www.google.com/search?q="
                        data-placeholder="谷歌搜索"
                      />
                      <label for="type-google"
                        ><span class="text-muted">谷歌</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type"
                        id="type-anaconda"
                        value="https://anaconda.org/search?q="
                        data-placeholder="Anaconda 软件搜索"
                      />
                      <label for="type-anaconda"
                        ><span class="text-muted">软件</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type"
                        id="type-pubmed"
                        value="https://pubmed.ncbi.nlm.nih.gov/?term="
                        data-placeholder="PubMed 搜索/文章标题/关键字"
                      />
                      <label for="type-pubmed"
                        ><span class="text-muted">文献</span></label
                      >
                    </li>
                  </ul>
                </div>
                <div class="search-group group-b">
                  <ul class="search-type">
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type"
                        id="type-baidu1"
                        value="https://www.baidu.com/s?wd="
                        data-placeholder="百度一下，你就知道"
                      />
                      <label for="type-baidu1"
                        ><span class="text-muted">百度</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type"
                        id="type-google1"
                        value="https://www.google.com/search?q="
                        data-placeholder="谷歌搜索"
                      />
                      <label for="type-google1"
                        ><span class="text-muted">谷歌</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type"
                        id="type-360"
                        value="https://www.so.com/s?q="
                        data-placeholder="360 好搜"
                      />
                      <label for="type-360"
                        ><span class="text-muted">360</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type"
                        id="type-sogo"
                        value="https://www.sogou.com/web?query="
                        data-placeholder="搜狗搜索"
                      />
                      <label for="type-sogo"
                        ><span class="text-muted">搜狗</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type"
                        id="type-bing1"
                        value="https://cn.bing.com/search?q="
                        data-placeholder="微软 Bing 搜索"
                      />
                      <label for="type-bing1"
                        ><span class="text-muted">必应</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type"
                        id="type-sm"
                        value="https://yz.m.sm.cn/s?q="
                        data-placeholder="UC 移动端搜索"
                      />
                      <label for="type-sm"
                        ><span class="text-muted">神马</span></label
                      >
                    </li>
                  </ul>
                </div>
                <div class="search-group group-c">
                  <ul class="search-type">
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type"
                        id="type-br"
                        value="https://rank.chinaz.com/all/"
                        data-placeholder="请输入网址(不带 https://)"
                      />
                      <label for="type-br"
                        ><span class="text-muted">权重查询</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type"
                        id="type-links"
                        value="https://link.chinaz.com/"
                        data-placeholder="请输入网址(不带 https://)"
                      />
                      <label for="type-links"
                        ><span class="text-muted">友链检测</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type"
                        id="type-whois"
                        value="https://who.is/whois/"
                        data-placeholder="请输入网址(不带 https://)"
                      />
                      <label for="type-whois"
                        ><span class="text-muted">域名信息查询</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type"
                        id="type-ping"
                        value="https://ping.chinaz.com/"
                        data-placeholder="请输入网址(不带 https://)"
                      />
                      <label for="type-ping"
                        ><span class="text-muted">PING 检测</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type"
                        id="type-404"
                        value="https://tool.chinaz.com/Links/?DAddress="
                        data-placeholder="请输入网址(不带https://)"
                      />
                      <label for="type-404"
                        ><span class="text-muted">死链检测</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type"
                        id="type-ciku"
                        value="https://www.ciku5.com/s?wd="
                        data-placeholder="请输入关键词"
                      />
                      <label for="type-ciku"
                        ><span class="text-muted">关键词挖掘</span></label
                      >
                    </li>
                  </ul>
                </div>
                <div class="search-group group-d">
                  <ul class="search-type">
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type"
                        id="type-zhihu"
                        value="https://www.zhihu.com/search?type=content&q="
                        data-placeholder="知乎"
                      />
                      <label for="type-zhihu"
                        ><span class="text-muted">知乎</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type"
                        id="type-wechat"
                        value="https://weixin.sogou.com/weixin?type=2&query="
                        data-placeholder="微信"
                      />
                      <label for="type-wechat"
                        ><span class="text-muted">微信</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type"
                        id="type-weibo"
                        value="https://s.weibo.com/weibo/"
                        data-placeholder="微博"
                      />
                      <label for="type-weibo"
                        ><span class="text-muted">微博</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type"
                        id="type-douban"
                        value="https://www.douban.com/search?q="
                        data-placeholder="豆瓣"
                      />
                      <label for="type-douban"
                        ><span class="text-muted">豆瓣</span></label
                      >
                    </li>
                  </ul>
                </div>
                <div class="search-group group-e">
                  <ul class="search-type">
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type"
                        id="type-taobao1"
                        value="https://s.taobao.com/search?q="
                        data-placeholder="淘宝"
                      />
                      <label for="type-taobao1"
                        ><span class="text-muted">淘宝</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type"
                        id="type-jd"
                        value="https://search.jd.com/Search?keyword="
                        data-placeholder="京东"
                      />
                      <label for="type-jd"
                        ><span class="text-muted">京东</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type"
                        id="type-xiachufang"
                        value="https://www.xiachufang.com/search/?keyword="
                        data-placeholder="下厨房"
                      />
                      <label for="type-xiachufang"
                        ><span class="text-muted">下厨房</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type"
                        id="type-xiangha"
                        value="https://www.xiangha.com/so/?q=caipu&s="
                        data-placeholder="香哈菜谱"
                      />
                      <label for="type-xiangha"
                        ><span class="text-muted">香哈菜谱</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type"
                        id="type-12306"
                        value="https://www.12306.cn/?"
                        data-placeholder="12306"
                      />
                      <label for="type-12306"
                        ><span class="text-muted">12306</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type"
                        id="type-qunar"
                        value="https://www.qunar.com/?"
                        data-placeholder="去哪儿"
                      />
                      <label for="type-qunar"
                        ><span class="text-muted">去哪儿</span></label
                      >
                    </li>
                  </ul>
                </div>
                <div class="search-group group-f">
                  <ul class="search-type">
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type"
                        id="type-zhaopin"
                        value="https://sou.zhaopin.com/jobs/searchresult.ashx?kw="
                        data-placeholder="智联招聘"
                      />
                      <label for="zhaopin"
                        ><span class="text-muted">智联招聘</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type"
                        id="type-51job"
                        value="https://search.51job.com/?"
                        data-placeholder="前程无忧"
                      />
                      <label for="type-51job"
                        ><span class="text-muted">前程无忧</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type"
                        id="type-lagou"
                        value="https://www.lagou.com/jobs/list_"
                        data-placeholder="拉钩网"
                      />
                      <label for="type-lagou"
                        ><span class="text-muted">拉钩网</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type"
                        id="type-liepin"
                        value="https://www.liepin.com/zhaopin/?key="
                        data-placeholder="猎聘网"
                      />
                      <label for="type-liepin"
                        ><span class="text-muted">猎聘网</span></label
                      >
                    </li>
                  </ul>
                </div>
              </div>
              <div class="card search-smart-tips search-hot-text">
                <ul id="word" style="display: none"></ul>
              </div>
            </div>
          </div>
        </div>

        <div id="content" class="content-site customize-site">

            <div class="d-flex flex-fill">
                <h4 class="text-gray text-lg mb-4">
                  <i
                    class="site-tag iconfont icon-tag icon-lg mr-1"
                    id="c7a9a750a4a636f0bb3e982b5ea9141c"
                  ></i>
                  博客论坛
                </h4>
                <div class="flex-fill"></div>
              </div>
    
              <div class="row">
                <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
                      <a
                        href="http://www.zzblog.online/"
                        target="_blank"
                        data-id=""
                        data-url="http://www.zzblog.online/"
                        class="card no-c mb-4"
                        data-toggle="tooltip"
                        data-placement="bottom"
                        data-original-title="钊钊个人博客"
                      >
                        <div class="card-body">
                          <div class="url-content d-flex align-items-center">
                            <div
                              class="url-img mr-2 d-flex align-items-center justify-content-center"
                            >
                              <img
                                class="lazy"
                                src="assets/images/logos/zzblog.png"
                                data-src="assets/images/logos/zzblog.png"
                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                                alt="Inoreader"
                              />
                            </div>
                            <div class="url-info flex-fill">
                              <div class="text-sm overflowClip_1">
                                <strong>钊钊Blog</strong>
                              </div>
                              <p class="overflowClip_1 m-0 text-muted text-xs">
                                钊钊个人博客
                              </p>
                            </div>
                          </div>
                        </div>
                      </a>
                      <a
                        href="https://www.zzblog.online/"
                        class="togo text-center text-muted is-views"
                        data-id="689"
                        data-toggle="tooltip"
                        data-placement="right"
                        title="直达"
                        rel="nofollow"
                      >
                        <i class="iconfont icon-goto"></i>
                      </a>
                    </div>
                  </div>
    
                <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                  <div class="url-body default">
                    <a
                      href="https://www.inoreader.com/"
                      target="_blank"
                      data-id=""
                      data-url="https://www.inoreader.com/"
                      class="card no-c mb-4"
                      data-toggle="tooltip"
                      data-placement="bottom"
                      data-original-title="重新掌控你的新闻订阅源。"
                    >
                      <div class="card-body">
                        <div class="url-content d-flex align-items-center">
                          <div
                            class="url-img mr-2 d-flex align-items-center justify-content-center"
                          >
                            <img
                              class="lazy"
                              src="assets/images/logos/inoreader.jpg"
                              data-src="assets/images/logos/inoreader.jpg"
                              onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                              alt="Inoreader"
                            />
                          </div>
                          <div class="url-info flex-fill">
                            <div class="text-sm overflowClip_1">
                              <strong>Inoreader</strong>
                            </div>
                            <p class="overflowClip_1 m-0 text-muted text-xs">
                              重新掌控你的新闻订阅源。
                            </p>
                          </div>
                        </div>
                      </div>
                    </a>
                    <a
                      href="https://www.inoreader.com/"
                      class="togo text-center text-muted is-views"
                      data-id="689"
                      data-toggle="tooltip"
                      data-placement="right"
                      title="直达"
                      rel="nofollow"
                    >
                      <i class="iconfont icon-goto"></i>
                    </a>
                  </div>
                </div>
    
                <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                  <div class="url-body default">
                    <a
                      href="https://news.ycombinator.com/"
                      target="_blank"
                      data-id=""
                      data-url="https://news.ycombinator.com/"
                      class="card no-c mb-4"
                      data-toggle="tooltip"
                      data-placement="bottom"
                      data-original-title="一家关于计算机黑客和创业公司的社会化新闻网站。"
                    >
                      <div class="card-body">
                        <div class="url-content d-flex align-items-center">
                          <div
                            class="url-img mr-2 d-flex align-items-center justify-content-center"
                          >
                            <img
                              class="lazy"
                              src="assets/images/logos/hacker-news.jpg"
                              data-src="assets/images/logos/hacker-news.jpg"
                              onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                              alt="Hacker News"
                            />
                          </div>
                          <div class="url-info flex-fill">
                            <div class="text-sm overflowClip_1">
                              <strong>Hacker News</strong>
                            </div>
                            <p class="overflowClip_1 m-0 text-muted text-xs">
                              一家关于计算机黑客和创业公司的社会化新闻网站。
                            </p>
                          </div>
                        </div>
                      </div>
                    </a>
                    <a
                      href="https://news.ycombinator.com/"
                      class="togo text-center text-muted is-views"
                      data-id="689"
                      data-toggle="tooltip"
                      data-placement="right"
                      title="直达"
                      rel="nofollow"
                    >
                      <i class="iconfont icon-goto"></i>
                    </a>
                  </div>
                </div>
    
                <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                  <div class="url-body default">
                    <a
                      href="https://bbs.pinggu.org/"
                      target="_blank"
                      data-id=""
                      data-url="https://bbs.pinggu.org/"
                      class="card no-c mb-4"
                      data-toggle="tooltip"
                      data-placement="bottom"
                      data-original-title="国内活跃的经济、管理、金融、统计在线教育和咨询网站。"
                    >
                      <div class="card-body">
                        <div class="url-content d-flex align-items-center">
                          <div
                            class="url-img mr-2 d-flex align-items-center justify-content-center"
                          >
                            <img
                              class="lazy"
                              src="assets/images/logos/%e7%bb%8f%e7%ae%a1%e4%b9%8b%e5%ae%b6.jpg"
                              data-src="assets/images/logos/%e7%bb%8f%e7%ae%a1%e4%b9%8b%e5%ae%b6.jpg"
                              onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                              alt="经管之家"
                            />
                          </div>
                          <div class="url-info flex-fill">
                            <div class="text-sm overflowClip_1">
                              <strong>经管之家</strong>
                            </div>
                            <p class="overflowClip_1 m-0 text-muted text-xs">
                              国内活跃的经济、管理、金融、统计在线教育和咨询网站。
                            </p>
                          </div>
                        </div>
                      </div>
                    </a>
                    <a
                      href="https://bbs.pinggu.org/"
                      class="togo text-center text-muted is-views"
                      data-id="689"
                      data-toggle="tooltip"
                      data-placement="right"
                      title="直达"
                      rel="nofollow"
                    >
                      <i class="iconfont icon-goto"></i>
                    </a>
                  </div>
                </div>
    
                <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                  <div class="url-body default">
                    <a
                      href="http://www.ruanyifeng.com/blog/"
                      target="_blank"
                      data-id=""
                      data-url="http://www.ruanyifeng.com/blog/"
                      class="card no-c mb-4"
                      data-toggle="tooltip"
                      data-placement="bottom"
                      data-original-title="阮一峰，科技爱好者周刊。"
                    >
                      <div class="card-body">
                        <div class="url-content d-flex align-items-center">
                          <div
                            class="url-img mr-2 d-flex align-items-center justify-content-center"
                          >
                            <img
                              class="lazy"
                              src="assets/images/logos/%e9%98%ae%e4%b8%80%e5%b3%b0.png"
                              data-src="assets/images/logos/%e9%98%ae%e4%b8%80%e5%b3%b0.png"
                              onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                              alt="阮一峰的网络日志"
                            />
                          </div>
                          <div class="url-info flex-fill">
                            <div class="text-sm overflowClip_1">
                              <strong>阮一峰的网络日志</strong>
                            </div>
                            <p class="overflowClip_1 m-0 text-muted text-xs">
                              阮一峰，科技爱好者周刊。
                            </p>
                          </div>
                        </div>
                      </div>
                    </a>
                    <a
                      href="http://www.ruanyifeng.com/blog/"
                      class="togo text-center text-muted is-views"
                      data-id="689"
                      data-toggle="tooltip"
                      data-placement="right"
                      title="直达"
                      rel="nofollow"
                    >
                      <i class="iconfont icon-goto"></i>
                    </a>
                  </div>
                </div>
    
                <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                  <div class="url-body default">
                    <a
                      href="https://www.coolshell.cn/"
                      target="_blank"
                      data-id=""
                      data-url="https://www.coolshell.cn/"
                      class="card no-c mb-4"
                      data-toggle="tooltip"
                      data-placement="bottom"
                      data-original-title="酷 壳 – CoolShell。"
                    >
                      <div class="card-body">
                        <div class="url-content d-flex align-items-center">
                          <div
                            class="url-img mr-2 d-flex align-items-center justify-content-center"
                          >
                            <img
                              class="lazy"
                              src="assets/images/logos/"
                              data-src="assets/images/logos/"
                              onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                              alt="酷壳"
                            />
                          </div>
                          <div class="url-info flex-fill">
                            <div class="text-sm overflowClip_1">
                              <strong>酷壳</strong>
                            </div>
                            <p class="overflowClip_1 m-0 text-muted text-xs">
                              酷 壳 – CoolShell。
                            </p>
                          </div>
                        </div>
                      </div>
                    </a>
                    <a
                      href="https://www.coolshell.cn/"
                      class="togo text-center text-muted is-views"
                      data-id="689"
                      data-toggle="tooltip"
                      data-placement="right"
                      title="直达"
                      rel="nofollow"
                    >
                      <i class="iconfont icon-goto"></i>
                    </a>
                  </div>
                </div>
              </div>
              <br />


          <div class="d-flex flex-fill">
            <h4 class="text-gray text-lg mb-4">
              <i
                class="site-tag iconfont icon-tag icon-lg mr-1"
                id="3e90c5117dc0fe9d71410e448d766e52"
              ></i>
              常用工具
            </h4>
          </div>

          <div class="row">
            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://www.yuque.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://www.yuque.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="专业的云端知识库。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/%e8%af%ad%e9%9b%80.jpg"
                          data-src="assets/images/logos/%e8%af%ad%e9%9b%80.jpg"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="语雀"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>语雀</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          专业的云端知识库。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://www.yuque.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://mail.qq.com/"
                  target="_blank"
                  data-id=""
                  data-url="http://mail.qq.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="腾讯 QQ 邮箱。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/qq%e9%82%ae%e7%ae%b1.png"
                          data-src="assets/images/logos/qq%e9%82%ae%e7%ae%b1.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="QQ 邮箱"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>QQ 邮箱</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          腾讯 QQ 邮箱。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://mail.qq.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://www.oschina.net/"
                  target="_blank"
                  data-id=""
                  data-url="https://www.oschina.net/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="中文开源技术交流社区。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/%e5%bc%80%e6%ba%90%e4%b8%ad%e5%9b%bd.jpg"
                          data-src="assets/images/logos/%e5%bc%80%e6%ba%90%e4%b8%ad%e5%9b%bd.jpg"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="开源中国"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>开源中国</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          中文开源技术交流社区。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://www.oschina.net/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://mp.weixin.qq.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://mp.weixin.qq.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="再小的个体也有自己的品牌。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/%e5%be%ae%e4%bf%a1%e5%85%ac%e4%bc%97%e5%8f%b7.png"
                          data-src="assets/images/logos/%e5%be%ae%e4%bf%a1%e5%85%ac%e4%bc%97%e5%8f%b7.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="公众号平台"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>公众号平台</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          再小的个体也有自己的品牌。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://mp.weixin.qq.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://github.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://github.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="GitHub 开源社区。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/github.jpg"
                          data-src="assets/images/logos/github.jpg"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="GitHub"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>GitHub</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          GitHub 开源社区。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://github.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://ps.gitapp.cn/"
                  target="_blank"
                  data-id=""
                  data-url="https://ps.gitapp.cn/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="一键p图抠图工具"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/inoreader.jpg"
                          data-src="assets/images/logos/inoreader.jpg"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="在线ps"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>在线ps</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          一键p图抠图工具
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://ps.gitapp.cn/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://fangdaijisuanqi.vip"
                  target="_blank"
                  data-id=""
                  data-url="https://fangdaijisuanqi.vip"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="房贷利率计算器"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/awesome_design_systems.png"
                          data-src="assets/images/logos/awesome_design_systems.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="房贷计算器"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>房贷计算器</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          房贷利率计算器
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://fangdaijisuanqi.vip"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://m3u8player.org/"
                  target="_blank"
                  data-id=""
                  data-url="https://m3u8player.org/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="m3u8/hls在线播放"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/Material_Design.png"
                          data-src="assets/images/logos/Material_Design.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="m3u8在线播放器"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>m3u8在线播放器</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          m3u8/hls在线播放
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://m3u8player.org/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://fktool.com"
                  target="_blank"
                  data-id=""
                  data-url="https://fktool.com"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="一些常见的开发工具"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/mdx.png"
                          data-src="assets/images/logos/mdx.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="在线工具助手"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>在线工具助手</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          一些常见的开发工具
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://fktool.com"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://weixin.sogou.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://weixin.sogou.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="搜狗微信搜索，一搜即达。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/%e6%90%9c%e7%8b%97%e5%be%ae%e4%bf%a1.jpg"
                          data-src="assets/images/logos/%e6%90%9c%e7%8b%97%e5%be%ae%e4%bf%a1.jpg"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="搜狗微信"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>搜狗微信</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          搜狗微信搜索，一搜即达。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://weixin.sogou.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://www.zhihu.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://www.zhihu.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="知乎社区。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/%e7%9f%a5%e4%b9%8e.png"
                          data-src="assets/images/logos/%e7%9f%a5%e4%b9%8e.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="知乎"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>知乎</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          知乎社区。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://www.zhihu.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://www.v2ex.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://www.v2ex.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="V2EX 创意工作者的社区。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/v2ex.jpg"
                          data-src="assets/images/logos/v2ex.jpg"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="V2EX"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>V2EX</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          V2EX 创意工作者的社区。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://www.v2ex.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>
          </div>
          <br />

          <div class="d-flex flex-fill">
            <h4 class="text-gray text-lg mb-4">
              <i
                class="site-tag iconfont icon-tag icon-lg mr-1"
                id="89a839e0a347c0be73793d01e52c31ad"
              ></i>
              生物信息
            </h4>
            <div class="flex-fill"></div>
          </div>

          <div class="row">
            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://www.ncbi.nlm.nih.gov/"
                  target="_blank"
                  data-id=""
                  data-url="https://www.ncbi.nlm.nih.gov/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="National Center for Biotechnology Information."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/ncbi.jpg"
                          data-src="assets/images/logos/ncbi.jpg"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="NCBI"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>NCBI</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          National Center for Biotechnology Information.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://www.ncbi.nlm.nih.gov/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://anaconda.org/bioconda/"
                  target="_blank"
                  data-id=""
                  data-url="https://anaconda.org/bioconda/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Bioconda :: Anaconda.org."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/bioconda.jpg"
                          data-src="assets/images/logos/bioconda.jpg"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="Bioconda"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>Bioconda</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Bioconda :: Anaconda.org.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://anaconda.org/bioconda/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://metacpan.org/"
                  target="_blank"
                  data-id=""
                  data-url="https://metacpan.org/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Search the CPAN."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/cpan.jpg"
                          data-src="assets/images/logos/cpan.jpg"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="CPAN"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>CPAN</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Search the CPAN.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://metacpan.org/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://gitter.im/galaxyproject"
                  target="_blank"
                  data-id=""
                  data-url="https://gitter.im/galaxyproject"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Galaxy Gitter Community."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/gitter.jpg"
                          data-src="assets/images/logos/gitter.jpg"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="Gitter Galaxy"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>Gitter Galaxy</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Galaxy Gitter Community.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://gitter.im/galaxyproject"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://www.r-project.org/"
                  target="_blank"
                  data-id=""
                  data-url="https://www.r-project.org/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="https://www.r-project.org"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/r-project.jpg"
                          data-src="assets/images/logos/r-project.jpg"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="R Project"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>R Project</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          https://www.r-project.org
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://www.r-project.org/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://www.bioconductor.org/"
                  target="_blank"
                  data-id=""
                  data-url="http://www.bioconductor.org/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="http://www.bioconductor.org"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/bioconductor.jpg"
                          data-src="assets/images/logos/bioconductor.jpg"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="Bioconductor"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>Bioconductor</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          http://www.bioconductor.org
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://www.bioconductor.org/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>
          </div>
          <br />

          <div class="d-flex flex-fill">
            <h4 class="text-gray text-lg mb-4">
              <i
                class="site-tag iconfont icon-tag icon-lg mr-1"
                id="acd617ea241c9daf2f251963bc03c6e3"
              ></i>
              云服务器
            </h4>
            <div class="flex-fill"></div>
          </div>

          <div class="row">
            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://www.aliyun.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://www.aliyun.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="上云就上阿里云。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/%e9%98%bf%e9%87%8c%e4%ba%91.jpg"
                          data-src="assets/images/logos/%e9%98%bf%e9%87%8c%e4%ba%91.jpg"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="阿里云"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>阿里云</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          上云就上阿里云。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://www.aliyun.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://cloud.tencent.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://cloud.tencent.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="产业智变，云启未来。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/%e8%85%be%e8%ae%af%e4%ba%91.jpg"
                          data-src="assets/images/logos/%e8%85%be%e8%ae%af%e4%ba%91.jpg"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="腾讯云"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>腾讯云</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          产业智变，云启未来。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://cloud.tencent.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://www.huaweicloud.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://www.huaweicloud.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="提供云计算服务&#43;智能，见未来-华为云。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/%e5%8d%8e%e4%b8%ba%e4%ba%91.png"
                          data-src="assets/images/logos/%e5%8d%8e%e4%b8%ba%e4%ba%91.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="华为云"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>华为云</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          提供云计算服务&#43;智能，见未来-华为云。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://www.huaweicloud.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://my.cloudraft.cn/"
                  target="_blank"
                  data-id=""
                  data-url="https://my.cloudraft.cn/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="云筏 - 科研云。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/"
                          data-src="assets/images/logos/"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="云筏科技"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>云筏科技</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          云筏 - 科研云。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://my.cloudraft.cn/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://www.ji-cloud.cn/"
                  target="_blank"
                  data-id=""
                  data-url="https://www.ji-cloud.cn/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="云电脑-云游戏-手机变电脑软件。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/%e6%9e%81%e4%ba%91%e6%99%ae%e6%83%a0%e4%ba%91%e7%94%b5%e8%84%91.png"
                          data-src="assets/images/logos/%e6%9e%81%e4%ba%91%e6%99%ae%e6%83%a0%e4%ba%91%e7%94%b5%e8%84%91.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="极云普惠云电脑"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>极云普惠云电脑</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          云电脑-云游戏-手机变电脑软件。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://www.ji-cloud.cn/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://www.qingjiaocloud.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://www.qingjiaocloud.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="云桌面,一站式云电脑服务平台。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/%e9%9d%92%e6%a4%92%e4%ba%91.jpg"
                          data-src="assets/images/logos/%e9%9d%92%e6%a4%92%e4%ba%91.jpg"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="青椒云"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>青椒云</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          云桌面,一站式云电脑服务平台。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://www.qingjiaocloud.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>
          </div>
          <br />

          <div class="d-flex flex-fill">
            <h4 class="text-gray text-lg mb-4">
              <i
                class="site-tag iconfont icon-tag icon-lg mr-1"
                id="e0aade1cd567f730e498e248bbd6acdf"
              ></i>
              办公学习
            </h4>
            <div class="flex-fill"></div>
          </div>

          <div class="row">
            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://www.youdao.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://www.youdao.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="免费，即时的多语种在线翻译。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/%e6%9c%89%e9%81%93%e8%af%8d%e5%85%b8.png"
                          data-src="assets/images/logos/%e6%9c%89%e9%81%93%e8%af%8d%e5%85%b8.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="有道词典"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>有道词典</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          免费，即时的多语种在线翻译。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://www.youdao.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://fanyi.youdao.com/"
                  target="_blank"
                  data-id=""
                  data-url="http://fanyi.youdao.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="有道翻译。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/%e6%9c%89%e9%81%93%e8%af%8d%e5%85%b8.png"
                          data-src="assets/images/logos/%e6%9c%89%e9%81%93%e8%af%8d%e5%85%b8.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="有道翻译"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>有道翻译</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          有道翻译。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://fanyi.youdao.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://translate.google.cn/"
                  target="_blank"
                  data-id=""
                  data-url="https://translate.google.cn/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="谷歌翻译。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/%e8%b0%b7%e6%ad%8c%e7%bf%bb%e8%af%91.jpg"
                          data-src="assets/images/logos/%e8%b0%b7%e6%ad%8c%e7%bf%bb%e8%af%91.jpg"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="谷歌翻译"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>谷歌翻译</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          谷歌翻译。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://translate.google.cn/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://www.processon.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://www.processon.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="免费在线作图、实时协作。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/ProcessOn.png"
                          data-src="assets/images/logos/ProcessOn.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="ProcessOn"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>ProcessOn</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          免费在线作图、实时协作。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://www.processon.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>
          </div>
          <br />

          <div class="d-flex flex-fill">
            <h4 class="text-gray text-lg mb-4">
              <i
                class="site-tag iconfont icon-tag icon-lg mr-1"
                id="a4d417d7850fde0cd00e4af576621a63"
              ></i>
              影音视频
            </h4>
            <div class="flex-fill"></div>
          </div>

          <div class="row">
            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://v.qq.com/"
                  target="_blank"
                  data-id=""
                  data-url="http://v.qq.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="腾讯视频，海量视频在线观看。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/%e8%85%be%e8%ae%af%e8%a7%86%e9%a2%91.png"
                          data-src="assets/images/logos/%e8%85%be%e8%ae%af%e8%a7%86%e9%a2%91.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="腾讯视频"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>腾讯视频</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          腾讯视频，海量视频在线观看。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://v.qq.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://www.youku.com/"
                  target="_blank"
                  data-id=""
                  data-url="http://www.youku.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="优酷 - 这个世界很酷。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/%e4%bc%98%e9%85%b7.png"
                          data-src="assets/images/logos/%e4%bc%98%e9%85%b7.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="优酷"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>优酷</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          优酷 - 这个世界很酷。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://www.youku.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://www.iqiyi.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://www.iqiyi.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="爱奇艺在线视频。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/%e7%88%b1%e5%a5%87%e8%89%ba.png"
                          data-src="assets/images/logos/%e7%88%b1%e5%a5%87%e8%89%ba.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="爱奇艺"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>爱奇艺</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          爱奇艺在线视频。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://www.iqiyi.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://www.bilibili.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://www.bilibili.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Bilibili 视频弹幕网站。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/%e5%93%94%e5%93%a9%e5%93%94%e5%93%a9.png"
                          data-src="assets/images/logos/%e5%93%94%e5%93%a9%e5%93%94%e5%93%a9.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="哔哩哔哩"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>哔哩哔哩</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Bilibili 视频弹幕网站。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://www.bilibili.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://y.qq.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://y.qq.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="QQ 音乐，在线听歌。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/QQ%e9%9f%b3%e4%b9%90.jpg"
                          data-src="assets/images/logos/QQ%e9%9f%b3%e4%b9%90.jpg"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="QQ 音乐"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>QQ 音乐</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          QQ 音乐，在线听歌。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://y.qq.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://music.163.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://music.163.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="163 网易云音乐。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/%e7%bd%91%e6%98%93%e4%ba%91%e9%9f%b3%e4%b9%90.jpg"
                          data-src="assets/images/logos/%e7%bd%91%e6%98%93%e4%ba%91%e9%9f%b3%e4%b9%90.jpg"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="网易云音乐"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>网易云音乐</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          163 网易云音乐。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://music.163.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://www.ysgc1.cc/"
                  target="_blank"
                  data-id=""
                  data-url="https://www.ysgc1.cc/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="影视工场-免费在线观看电影电视剧「极速蓝光」"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/ysgc.png"
                          data-src="assets/images/logos/ysgc.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="影视工场"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>影视工场</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          影视工场-免费在线观看电影电视剧「极速蓝光」
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://www.ysgc1.cc/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://www.dygod.net/"
                  target="_blank"
                  data-id=""
                  data-url="https://www.dygod.net/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="电影天堂（DYGOD），高清电影下载。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/%e7%94%b5%e5%bd%b1%e5%a4%a9%e5%a0%82.png"
                          data-src="assets/images/logos/%e7%94%b5%e5%bd%b1%e5%a4%a9%e5%a0%82.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="电影天堂（DYGOD）"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>电影天堂（DYGOD）</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          电影天堂（DYGOD），高清电影下载。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://www.dygod.net/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>
          </div>
          <br />

          <div class="d-flex flex-fill">
            <h4 class="text-gray text-lg mb-4">
              <i
                class="site-tag iconfont icon-tag icon-lg mr-1"
                id="e15122403d5aca361a6b63ddea292464"
              ></i>
              游戏竞技
            </h4>
            <div class="flex-fill"></div>
          </div>

          <div class="row">

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://store.steampowered.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://store.steampowered.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Steam官网"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/steam.png"
                          data-src="assets/images/logos/steam.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="Steam官网"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>Steam官网</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Steam官网
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://store.steampowered.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>
            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="#ZgotmplZ"
                  target="_blank"
                  data-id=""
                  data-url="#ZgotmplZ"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="百度贴吧。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/%e7%99%be%e5%ba%a6%e8%b4%b4%e5%90%a7.jpg"
                          data-src="assets/images/logos/%e7%99%be%e5%ba%a6%e8%b4%b4%e5%90%a7.jpg"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="百度贴吧"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>百度贴吧</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          百度贴吧。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="#ZgotmplZ"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://ava.mangot5.com/ava/index"
                  target="_blank"
                  data-id=""
                  data-url="https://ava.mangot5.com/ava/index"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="台服 AVA 战地之王。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/%e6%88%98%e5%9c%b0%e4%b9%8b%e7%8e%8b.png"
                          data-src="assets/images/logos/%e6%88%98%e5%9c%b0%e4%b9%8b%e7%8e%8b.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="台服战地"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>台服战地</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          台服 AVA 战地之王。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://ava.mangot5.com/ava/index"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>


          </div>
          <br />

          <div class="d-flex flex-fill">
            <h4 class="text-gray text-lg mb-4">
              <i
                class="site-tag iconfont icon-tag icon-lg mr-1"
                id="5e6e1089ffbc5d7819c0d0f1f7b31ebc"
              ></i>
              网盘资源
            </h4>
            <div class="flex-fill"></div>
          </div>

          <div class="row">
            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://pan.baidu.com/"
                  target="_blank"
                  data-id=""
                  data-url="http://pan.baidu.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="https://pan.baidu.com/."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/%e7%99%be%e5%ba%a6%e7%bd%91%e7%9b%98.jpg"
                          data-src="assets/images/logos/%e7%99%be%e5%ba%a6%e7%bd%91%e7%9b%98.jpg"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="百度网盘"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>百度网盘</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          https://pan.baidu.com/.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://pan.baidu.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://www.aliyundrive.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://www.aliyundrive.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="阿里云盘，你的数字世界。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/%e9%98%bf%e9%87%8c%e4%ba%91%e7%9b%98.png"
                          data-src="assets/images/logos/%e9%98%bf%e9%87%8c%e4%ba%91%e7%9b%98.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="阿里云盘"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>阿里云盘</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          阿里云盘，你的数字世界。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://www.aliyundrive.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://cloud.189.cn/"
                  target="_blank"
                  data-id=""
                  data-url="https://cloud.189.cn/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="家庭云|网盘|文件备份|资源分享。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/%e5%a4%a9%e7%bf%bc%e4%ba%91%e7%9b%98.jpg"
                          data-src="assets/images/logos/%e5%a4%a9%e7%bf%bc%e4%ba%91%e7%9b%98.jpg"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="天翼云盘"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>天翼云盘</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          家庭云|网盘|文件备份|资源分享。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://cloud.189.cn/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href=""
                  target="_blank"
                  data-id=""
                  data-url=""
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="坚果云官网。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/%e5%9d%9a%e6%9e%9c%e4%ba%91.png"
                          data-src="assets/images/logos/%e5%9d%9a%e6%9e%9c%e4%ba%91.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="坚果云"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>坚果云</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          坚果云官网。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href=""
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>
          </div>
          <br />

          <div class="d-flex flex-fill">
            <h4 class="text-gray text-lg mb-4">
              <i
                class="site-tag iconfont icon-tag icon-lg mr-1"
                id="7866a35b09d466b9cf0295af54d30d53"
              ></i>
              图标素材
            </h4>
            <div class="flex-fill"></div>
          </div>

          <div class="row">
            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://www.iconfinder.com"
                  target="_blank"
                  data-id=""
                  data-url="https://www.iconfinder.com"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="2,100,000&#43; free and premium vector icons."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/Iconfinder.png"
                          data-src="assets/images/logos/Iconfinder.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="Iconfinder"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>Iconfinder</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          2,100,000&#43; free and premium vector icons.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://www.iconfinder.com"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://www.iconfont.cn/"
                  target="_blank"
                  data-id=""
                  data-url="http://www.iconfont.cn/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="阿里巴巴矢量图标库。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/iconfont.png"
                          data-src="assets/images/logos/iconfont.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="iconfont"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>iconfont</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          阿里巴巴矢量图标库。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://www.iconfont.cn/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://iconmonstr.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://iconmonstr.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Free simple icons for your next project."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/iconmonstr.png"
                          data-src="assets/images/logos/iconmonstr.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="iconmonstr"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>iconmonstr</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Free simple icons for your next project.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://iconmonstr.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://www.iconarchive.com/"
                  target="_blank"
                  data-id=""
                  data-url="http://www.iconarchive.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Search 590,912 free icons."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/iconarchive.png"
                          data-src="assets/images/logos/iconarchive.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="Icon Archive"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>Icon Archive</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Search 590,912 free icons.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://www.iconarchive.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://findicons.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://findicons.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Search through 300,000 free icons."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/FindIcons.png"
                          data-src="assets/images/logos/FindIcons.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="FindIcons"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>FindIcons</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Search through 300,000 free icons.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://findicons.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://icomoon.io/app/"
                  target="_blank"
                  data-id=""
                  data-url="https://icomoon.io/app/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Icon Font, SVG, PDF &amp;amp; PNG Generator."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/IcoMoonApp.png"
                          data-src="assets/images/logos/IcoMoonApp.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="IcoMoonApp"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>IcoMoonApp</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Icon Font, SVG, PDF &amp;amp; PNG Generator.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://icomoon.io/app/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://www.easyicon.net/"
                  target="_blank"
                  data-id=""
                  data-url="http://www.easyicon.net/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="PNG、ICO、ICNS格式图标搜索、图标下载服务。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/easyicon.png"
                          data-src="assets/images/logos/easyicon.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="easyicon"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>easyicon</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          PNG、ICO、ICNS格式图标搜索、图标下载服务。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://www.easyicon.net/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://www.flaticon.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://www.flaticon.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="634,000&#43; Free vector icons in SVG, PSD, PNG, EPS format or as ICON FONT."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/flaticon.png"
                          data-src="assets/images/logos/flaticon.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="flaticon"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>flaticon</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          634,000&#43; Free vector icons in SVG, PSD, PNG, EPS
                          format or as ICON FONT.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://www.flaticon.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://ui-cloud.com/"
                  target="_blank"
                  data-id=""
                  data-url="http://ui-cloud.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="The largest user interface design database in the world."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/UICloud.png"
                          data-src="assets/images/logos/UICloud.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="UICloud"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>UICloud</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          The largest user interface design database in the
                          world.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://ui-cloud.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://material.io/icons/"
                  target="_blank"
                  data-id=""
                  data-url="https://material.io/icons/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Access over 900 material system icons, available in a variety of sizes and densities, and as a web font."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/Materialicons.png"
                          data-src="assets/images/logos/Materialicons.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="Material icons"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>Material icons</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Access over 900 material system icons, available in a
                          variety of sizes and densities, and as a web font.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://material.io/icons/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://fontawesome.com/icons/"
                  target="_blank"
                  data-id=""
                  data-url="https://fontawesome.com/icons/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="The complete set of 675 icons in Font Awesome."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/fontawesomeicon.png"
                          data-src="assets/images/logos/fontawesomeicon.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="Font Awesome Icon"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>Font Awesome Icon</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          The complete set of 675 icons in Font Awesome.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://fontawesome.com/icons/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://ionicons.com/"
                  target="_blank"
                  data-id=""
                  data-url="http://ionicons.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="The premium icon font for Ionic Framework."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/ionicons.png"
                          data-src="assets/images/logos/ionicons.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="ion icons"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>ion icons</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          The premium icon font for Ionic Framework.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://ionicons.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://simplelineicons.com/"
                  target="_blank"
                  data-id=""
                  data-url="http://simplelineicons.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Simple line Icons pack."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/simplelineicons.png"
                          data-src="assets/images/logos/simplelineicons.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="Simpleline Icons"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>Simpleline Icons</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Simple line Icons pack.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://simplelineicons.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>
          </div>
          <br />

          <div class="d-flex flex-fill">
            <h4 class="text-gray text-lg mb-4">
              <i
                class="site-tag iconfont icon-tag icon-lg mr-1"
                id="779477bcccdd4ecb1d852c8d4a67caca"
              ></i>
              图标设计
            </h4>
            <div class="flex-fill"></div>
          </div>

          <div class="row">
            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://www.iconsfeed.com/"
                  target="_blank"
                  data-id=""
                  data-url="http://www.iconsfeed.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="iOS icons gallery."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/iconsfeed.png"
                          data-src="assets/images/logos/iconsfeed.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="Iconsfeed"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>Iconsfeed</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          iOS icons gallery.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://www.iconsfeed.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://iosicongallery.com/"
                  target="_blank"
                  data-id=""
                  data-url="http://iosicongallery.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Showcasing beautiful icon designs from the iOS App Store."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/iosicongallery.png"
                          data-src="assets/images/logos/iosicongallery.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="iOS Icon Gallery"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>iOS Icon Gallery</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Showcasing beautiful icon designs from the iOS App
                          Store.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://iosicongallery.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://worldvectorlogo.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://worldvectorlogo.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Brand logos free to download."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/worldvectorlogo.png"
                          data-src="assets/images/logos/worldvectorlogo.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="World Vector Logo"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>World Vector Logo</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Brand logos free to download.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://worldvectorlogo.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://instantlogosearch.com/"
                  target="_blank"
                  data-id=""
                  data-url="http://instantlogosearch.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Search &amp; download thousands of logos instantly."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/InstantLogoSearch.png"
                          data-src="assets/images/logos/InstantLogoSearch.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="Instant Logo Search"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>Instant Logo Search</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Search &amp; download thousands of logos instantly.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://instantlogosearch.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>
          </div>
          <br />

          <div class="d-flex flex-fill">
            <h4 class="text-gray text-lg mb-4">
              <i
                class="site-tag iconfont icon-tag icon-lg mr-1"
                id="ff65f7f9721757bf11b0b0c95f1b9446"
              ></i>
              平面素材
            </h4>
            <div class="flex-fill"></div>
          </div>

          <div class="row">
            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://www.freepik.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://www.freepik.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="More than a million free vectors, PSD, photos and free icons."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/freepik.png"
                          data-src="assets/images/logos/freepik.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="freepik"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>freepik</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          More than a million free vectors, PSD, photos and free
                          icons.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://www.freepik.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://wallhalla.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://wallhalla.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Find awesome high quality wallpapers for desktop and mobile in one place."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/wallhalla.png"
                          data-src="assets/images/logos/wallhalla.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="wallhalla"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>wallhalla</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Find awesome high quality wallpapers for desktop and
                          mobile in one place.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://wallhalla.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://365psd.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://365psd.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Free PSD &amp;amp; Graphics, Illustrations."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/365PSD.png"
                          data-src="assets/images/logos/365PSD.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="365PSD"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>365PSD</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Free PSD &amp;amp; Graphics, Illustrations.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://365psd.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://medialoot.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://medialoot.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Free &amp;amp; Premium Design Resources &amp;mdash; Medialoot."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/Medialoot.png"
                          data-src="assets/images/logos/Medialoot.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="Medialoot"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>Medialoot</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Free &amp;amp; Premium Design Resources &amp;mdash;
                          Medialoot.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://medialoot.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://www.58pic.com/"
                  target="_blank"
                  data-id=""
                  data-url="http://www.58pic.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="专注免费设计素材下载的网站."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/qiantu.png"
                          data-src="assets/images/logos/qiantu.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="千图网"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>千图网</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          专注免费设计素材下载的网站.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://www.58pic.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://588ku.com/"
                  target="_blank"
                  data-id=""
                  data-url="http://588ku.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="免费 png 图片背景素材下载。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/qianku.png"
                          data-src="assets/images/logos/qianku.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="千库网"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>千库网</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          免费 png 图片背景素材下载。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://588ku.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://www.ooopic.com/"
                  target="_blank"
                  data-id=""
                  data-url="http://www.ooopic.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="我图网，提供图片素材及模板下载，专注正版设计作品交易。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/wotu.png"
                          data-src="assets/images/logos/wotu.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="我图网"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>我图网</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          我图网，提供图片素材及模板下载，专注正版设计作品交易。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://www.ooopic.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://90sheji.com/"
                  target="_blank"
                  data-id=""
                  data-url="http://90sheji.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="电商设计（淘宝美工）千图免费淘宝素材库。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/90sheji.png"
                          data-src="assets/images/logos/90sheji.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="90 设计"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>90 设计</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          电商设计（淘宝美工）千图免费淘宝素材库。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://90sheji.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://www.nipic.com/"
                  target="_blank"
                  data-id=""
                  data-url="http://www.nipic.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="原创素材共享平台。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/nipic.png"
                          data-src="assets/images/logos/nipic.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="昵图网"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>昵图网</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          原创素材共享平台。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://www.nipic.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://www.lanrentuku.com/"
                  target="_blank"
                  data-id=""
                  data-url="http://www.lanrentuku.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="懒人图库专注于提供网页素材下载。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/lanrentuku.png"
                          data-src="assets/images/logos/lanrentuku.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="懒人图库"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>懒人图库</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          懒人图库专注于提供网页素材下载。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://www.lanrentuku.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://so.ui001.com/"
                  target="_blank"
                  data-id=""
                  data-url="http://so.ui001.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="设计素材搜索聚合。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/sousucai.png"
                          data-src="assets/images/logos/sousucai.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="素材搜索"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>素材搜索</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          设计素材搜索聚合。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://so.ui001.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://psefan.com/"
                  target="_blank"
                  data-id=""
                  data-url="http://psefan.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="不一样的设计素材库！让自己的设计与众不同！"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/psefan.png"
                          data-src="assets/images/logos/psefan.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="PS 饭团网"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>PS 饭团网</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          不一样的设计素材库！让自己的设计与众不同！
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://psefan.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://www.sccnn.com/"
                  target="_blank"
                  data-id=""
                  data-url="http://www.sccnn.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="免费素材共享平台。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/sccnn.png"
                          data-src="assets/images/logos/sccnn.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="素材中国"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>素材中国</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          免费素材共享平台。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://www.sccnn.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>
          </div>
          <br />

          <div class="d-flex flex-fill">
            <h4 class="text-gray text-lg mb-4">
              <i
                class="site-tag iconfont icon-tag icon-lg mr-1"
                id="722d3693fc0b9344bb46ee220beac1b6"
              ></i>
              字体资源
            </h4>
            <div class="flex-fill"></div>
          </div>

          <div class="row">
            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://fonts.google.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://fonts.google.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Making the web more beautiful, fast, and open through great typography."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/googlefont.png"
                          data-src="assets/images/logos/googlefont.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="Google Font"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>Google Font</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Making the web more beautiful, fast, and open through
                          great typography.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://fonts.google.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://typekit.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://typekit.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Quality fonts from the world’s best foundries."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/typekit.png"
                          data-src="assets/images/logos/typekit.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="Typekit"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>Typekit</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Quality fonts from the world’s best foundries.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://typekit.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://www.foundertype.com/"
                  target="_blank"
                  data-id=""
                  data-url="http://www.foundertype.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="方正字库官方网站。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/Fondertype.png"
                          data-src="assets/images/logos/Fondertype.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="方正字库"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>方正字库</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          方正字库官方网站。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://www.foundertype.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://ziticq.com/"
                  target="_blank"
                  data-id=""
                  data-url="http://ziticq.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="中国首个字体品牌设计师交流网。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/ziticq.png"
                          data-src="assets/images/logos/ziticq.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="字体传奇网"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>字体传奇网</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          中国首个字体品牌设计师交流网。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://ziticq.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://sicangziti.com/"
                  target="_blank"
                  data-id=""
                  data-url="http://sicangziti.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="优质字体免费下载站。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/sicangziti.png"
                          data-src="assets/images/logos/sicangziti.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="私藏字体"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>私藏字体</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          优质字体免费下载站。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://sicangziti.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://www.fontsquirrel.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://www.fontsquirrel.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="FREE fonts for graphic designers."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/fontsquirrel.png"
                          data-src="assets/images/logos/fontsquirrel.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="Fontsquirrel"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>Fontsquirrel</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          FREE fonts for graphic designers.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://www.fontsquirrel.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://www.urbanfonts.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://www.urbanfonts.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Download Free Fonts and Free Dingbats."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/UrbanFonts.png"
                          data-src="assets/images/logos/UrbanFonts.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="Urban Fonts"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>Urban Fonts</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Download Free Fonts and Free Dingbats.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://www.urbanfonts.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://www.losttype.com/"
                  target="_blank"
                  data-id=""
                  data-url="http://www.losttype.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Lost Type is a Collaborative Digital Type Foundry."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/losttype.png"
                          data-src="assets/images/logos/losttype.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="Lost Type"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>Lost Type</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Lost Type is a Collaborative Digital Type Foundry.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://www.losttype.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://fonts2u.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://fonts2u.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Download free fonts for Windows and Macintosh."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/fonts2u.png"
                          data-src="assets/images/logos/fonts2u.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="FONTS2U"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>FONTS2U</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Download free fonts for Windows and Macintosh.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://fonts2u.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://www.fontex.org/"
                  target="_blank"
                  data-id=""
                  data-url="http://www.fontex.org/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Free Fonts to Download &#43; Premium Typefaces."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/fontex.png"
                          data-src="assets/images/logos/fontex.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="Fontex"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>Fontex</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Free Fonts to Download &#43; Premium Typefaces.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://www.fontex.org/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://fontm.com/"
                  target="_blank"
                  data-id=""
                  data-url="http://fontm.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Free Fonts"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/FontM.png"
                          data-src="assets/images/logos/FontM.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="FontM"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>FontM</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Free Fonts
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://fontm.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://www.myfonts.com/"
                  target="_blank"
                  data-id=""
                  data-url="http://www.myfonts.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Fonts for Print, Products &amp; Screens."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/MyFonts.png"
                          data-src="assets/images/logos/MyFonts.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="My Fonts"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>My Fonts</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Fonts for Print, Products &amp; Screens.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://www.myfonts.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://www.dafont.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://www.dafont.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Archive of freely downloadable fonts."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/dafont.png"
                          data-src="assets/images/logos/dafont.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="Da Font"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>Da Font</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Archive of freely downloadable fonts.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://www.dafont.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://www.onlinewebfonts.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://www.onlinewebfonts.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="WEB Free Fonts for Windows and Mac / Font free Download."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/OnlineWebFonts.png"
                          data-src="assets/images/logos/OnlineWebFonts.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="OnlineWebFonts"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>OnlineWebFonts</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          WEB Free Fonts for Windows and Mac / Font free
                          Download.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://www.onlinewebfonts.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://www.abstractfonts.com/"
                  target="_blank"
                  data-id=""
                  data-url="http://www.abstractfonts.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Abstract Fonts (13,866 free fonts)."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/abstractfonts.png"
                          data-src="assets/images/logos/abstractfonts.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="Abstract Fonts"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>Abstract Fonts</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Abstract Fonts (13,866 free fonts).
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://www.abstractfonts.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>
          </div>
          <br />

          <div class="d-flex flex-fill">
            <h4 class="text-gray text-lg mb-4">
              <i
                class="site-tag iconfont icon-tag icon-lg mr-1"
                id="113a0a745b4169af0f7646269c12ae66"
              ></i>
              PPT资源
            </h4>
            <div class="flex-fill"></div>
          </div>

          <div class="row">
            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://www.officeplus.cn/Template/Home.shtml"
                  target="_blank"
                  data-id=""
                  data-url="http://www.officeplus.cn/Template/Home.shtml"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="OfficePLUS，微软Office官方在线模板网站！"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/officeplus.png"
                          data-src="assets/images/logos/officeplus.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="OfficePLUS"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>OfficePLUS</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          OfficePLUS，微软Office官方在线模板网站！
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://www.officeplus.cn/Template/Home.shtml"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://www.ypppt.com/"
                  target="_blank"
                  data-id=""
                  data-url="http://www.ypppt.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="高质量的模版，而且还有PPT图表，PPT背景图等资源。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/ypppt.png"
                          data-src="assets/images/logos/ypppt.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="优品PPT"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>优品PPT</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          高质量的模版，而且还有PPT图表，PPT背景图等资源。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://www.ypppt.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://www.pptplus.cn/"
                  target="_blank"
                  data-id=""
                  data-url="http://www.pptplus.cn/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="PPT加直播、录制和分享—PPT&#43;语音内容分享平台。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/pptplus.png"
                          data-src="assets/images/logos/pptplus.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="PPT&#43;"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>PPT&#43;</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          PPT加直播、录制和分享—PPT&#43;语音内容分享平台。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://www.pptplus.cn/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://www.pptmind.com/"
                  target="_blank"
                  data-id=""
                  data-url="http://www.pptmind.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="分享高端 ppt 模板与 keynote 模板的数字作品交易平台。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/pptmind.png"
                          data-src="assets/images/logos/pptmind.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="PPTMind"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>PPTMind</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          分享高端 ppt 模板与 keynote 模板的数字作品交易平台。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://www.pptmind.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://www.tretars.com/ppt-templates"
                  target="_blank"
                  data-id=""
                  data-url="http://www.tretars.com/ppt-templates"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="The best free Mockups from the Web."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/tretars.png"
                          data-src="assets/images/logos/tretars.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="tretars"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>tretars</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          The best free Mockups from the Web.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://www.tretars.com/ppt-templates"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://ppt.500d.me/"
                  target="_blank"
                  data-id=""
                  data-url="http://ppt.500d.me/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="中国领先的PPT模板共享平台。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/500d.png"
                          data-src="assets/images/logos/500d.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="5百丁"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>5百丁</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          中国领先的PPT模板共享平台。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://ppt.500d.me/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>
          </div>
          <br />

          <div class="d-flex flex-fill">
            <h4 class="text-gray text-lg mb-4">
              <i
                class="site-tag iconfont icon-tag icon-lg mr-1"
                id="4fbc8ba07df90bae306d8e3b83fc5a21"
              ></i>
              图形创意
            </h4>
            <div class="flex-fill"></div>
          </div>

          <div class="row">
            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://www.adobe.com/cn/products/photoshop.html"
                  target="_blank"
                  data-id=""
                  data-url="https://www.adobe.com/cn/products/photoshop.html"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Photoshop不需要解释"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/photoshop.png"
                          data-src="assets/images/logos/photoshop.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="photoshop"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>photoshop</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Photoshop不需要解释
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://www.adobe.com/cn/products/photoshop.html"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://affinity.serif.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://affinity.serif.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="专业创意软件"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/AffinityDesigner.png"
                          data-src="assets/images/logos/AffinityDesigner.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="Affinity Designer"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>Affinity Designer</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          专业创意软件
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://affinity.serif.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://www.adobe.com/cn/products/illustrator/"
                  target="_blank"
                  data-id=""
                  data-url="https://www.adobe.com/cn/products/illustrator/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="矢量图形和插图。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/Illustrator.png"
                          data-src="assets/images/logos/Illustrator.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="Illustrator"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>Illustrator</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          矢量图形和插图。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://www.adobe.com/cn/products/illustrator/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://www.adobe.com/cn/products/indesign.html"
                  target="_blank"
                  data-id=""
                  data-url="http://www.adobe.com/cn/products/indesign.html"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="页面设计、布局和出版。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/INDESIGN%20.png"
                          data-src="assets/images/logos/INDESIGN%20.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="indesign"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>indesign</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          页面设计、布局和出版。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://www.adobe.com/cn/products/indesign.html"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://www.maxon.net/en/products/cinema-4d/overview/"
                  target="_blank"
                  data-id=""
                  data-url="https://www.maxon.net/en/products/cinema-4d/overview/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Cinema 4D is the perfect package for all 3D artists who want to achieve breathtaking results fast and hassle-free."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/cinema4d.png"
                          data-src="assets/images/logos/cinema4d.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="cinema-4d"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>cinema-4d</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Cinema 4D is the perfect package for all 3D artists
                          who want to achieve breathtaking results fast and
                          hassle-free.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://www.maxon.net/en/products/cinema-4d/overview/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://www.autodesk.com/products/3ds-max/overview"
                  target="_blank"
                  data-id=""
                  data-url="https://www.autodesk.com/products/3ds-max/overview"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="3D modeling, animation, and rendering software"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/3dsmax.png"
                          data-src="assets/images/logos/3dsmax.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="3ds-max"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>3ds-max</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          3D modeling, animation, and rendering software
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://www.autodesk.com/products/3ds-max/overview"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://www.blender.org/"
                  target="_blank"
                  data-id=""
                  data-url="https://www.blender.org/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Blender is the free and open source 3D creation suite."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/blender.png"
                          data-src="assets/images/logos/blender.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="Blender"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>Blender</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Blender is the free and open source 3D creation suite.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://www.blender.org/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>
          </div>
          <br />

          <div class="d-flex flex-fill">
            <h4 class="text-gray text-lg mb-4">
              <i
                class="site-tag iconfont icon-tag icon-lg mr-1"
                id="542c016a714d85715d206c8892fba01f"
              ></i>
              界面设计
            </h4>
            <div class="flex-fill"></div>
          </div>

          <div class="row">
            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://sketchapp.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://sketchapp.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="The digital design toolkit"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/sketchapp.png"
                          data-src="assets/images/logos/sketchapp.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="Sketch"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>Sketch</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          The digital design toolkit
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://sketchapp.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://www.adobe.com/products/xd.html"
                  target="_blank"
                  data-id=""
                  data-url="http://www.adobe.com/products/xd.html"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Introducing Adobe XD. Design. Prototype. Experience."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/ADOBEXDCC.png"
                          data-src="assets/images/logos/ADOBEXDCC.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="Adobe XD"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>Adobe XD</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Introducing Adobe XD. Design. Prototype. Experience.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://www.adobe.com/products/xd.html"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://www.invisionapp.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://www.invisionapp.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Powerful design prototyping tools"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/invisionapp.png"
                          data-src="assets/images/logos/invisionapp.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="invisionapp"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>invisionapp</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Powerful design prototyping tools
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://www.invisionapp.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://marvelapp.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://marvelapp.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Simple design, prototyping and collaboration"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/marvelapp.png"
                          data-src="assets/images/logos/marvelapp.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="marvelapp"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>marvelapp</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Simple design, prototyping and collaboration
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://marvelapp.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://creative.adobe.com/zh-cn/products/download/muse"
                  target="_blank"
                  data-id=""
                  data-url="https://creative.adobe.com/zh-cn/products/download/muse"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="无需利用编码即可进行网站设计。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/MuseCC.png"
                          data-src="assets/images/logos/MuseCC.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="Muse CC"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>Muse CC</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          无需利用编码即可进行网站设计。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://creative.adobe.com/zh-cn/products/download/muse"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://www.figma.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://www.figma.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Design, prototype, and gather feedback all in one place with Figma."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/figma.png"
                          data-src="assets/images/logos/figma.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="figma"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>figma</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Design, prototype, and gather feedback all in one
                          place with Figma.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://www.figma.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>
          </div>
          <br />

          <div class="d-flex flex-fill">
            <h4 class="text-gray text-lg mb-4">
              <i
                class="site-tag iconfont icon-tag icon-lg mr-1"
                id="31e51a60697ff3fb1d1c4934cce67921"
              ></i>
              在线配色
            </h4>
            <div class="flex-fill"></div>
          </div>

          <div class="row">
            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://khroma.co/generator/"
                  target="_blank"
                  data-id=""
                  data-url="http://khroma.co/generator/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Khroma is the fastest way to discover, search, and save color combos you&#39;ll want to use."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/khroma.png"
                          data-src="assets/images/logos/khroma.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="khroma"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>khroma</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Khroma is the fastest way to discover, search, and
                          save color combos you&#39;ll want to use.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://khroma.co/generator/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://uigradients.com"
                  target="_blank"
                  data-id=""
                  data-url="https://uigradients.com"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Beautiful colored gradients."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/uigradients.png"
                          data-src="assets/images/logos/uigradients.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="uigradients"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>uigradients</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Beautiful colored gradients.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://uigradients.com"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://gradients.io/"
                  target="_blank"
                  data-id=""
                  data-url="http://gradients.io/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Curated gradients for designers and developers."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/gradients.png"
                          data-src="assets/images/logos/gradients.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="gradients"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>gradients</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Curated gradients for designers and developers.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://gradients.io/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://webkul.github.io/coolhue/"
                  target="_blank"
                  data-id=""
                  data-url="https://webkul.github.io/coolhue/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Coolest handpicked Gradient Hues for your next super ⚡ amazing stuff."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/Coolest.png"
                          data-src="assets/images/logos/Coolest.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="Coolest"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>Coolest</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Coolest handpicked Gradient Hues for your next super
                          ⚡ amazing stuff.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://webkul.github.io/coolhue/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://webgradients.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://webgradients.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="WebGradients is a free collection of 180 linear gradients that you can use as content backdrops in any part of your website."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/webgradients.png"
                          data-src="assets/images/logos/webgradients.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="webgradients"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>webgradients</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          WebGradients is a free collection of 180 linear
                          gradients that you can use as content backdrops in any
                          part of your website.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://webgradients.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://www.grabient.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://www.grabient.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="2017 Grabient by unfold."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/grabient.png"
                          data-src="assets/images/logos/grabient.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="grabient"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>grabient</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          2017 Grabient by unfold.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://www.grabient.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://www.thedayscolor.com/"
                  target="_blank"
                  data-id=""
                  data-url="http://www.thedayscolor.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="The daily color digest"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/thedayscolor.png"
                          data-src="assets/images/logos/thedayscolor.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="thedayscolor"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>thedayscolor</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          The daily color digest
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://www.thedayscolor.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://flatuicolors.com/"
                  target="_blank"
                  data-id=""
                  data-url="http://flatuicolors.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Copy Paste Color Pallette from Flat UI Theme."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/flatuicolors.png"
                          data-src="assets/images/logos/flatuicolors.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="flatuicolors"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>flatuicolors</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Copy Paste Color Pallette from Flat UI Theme.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://flatuicolors.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://coolors.co/"
                  target="_blank"
                  data-id=""
                  data-url="https://coolors.co/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="The super fast color schemes generator!"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/coolors.png"
                          data-src="assets/images/logos/coolors.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="coolors"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>coolors</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          The super fast color schemes generator!
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://coolors.co/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://www.colorhunt.co/"
                  target="_blank"
                  data-id=""
                  data-url="http://www.colorhunt.co/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Beautiful Color Palettes."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/colorhunt.png"
                          data-src="assets/images/logos/colorhunt.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="colorhunt"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>colorhunt</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Beautiful Color Palettes.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://www.colorhunt.co/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://color.adobe.com/zh/create/color-wheel"
                  target="_blank"
                  data-id=""
                  data-url="https://color.adobe.com/zh/create/color-wheel"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Create color schemes with the color wheel or browse thousands of color combinations from the Color community."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/AdobeColorCC.png"
                          data-src="assets/images/logos/AdobeColorCC.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="Adobe Color CC"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>Adobe Color CC</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Create color schemes with the color wheel or browse
                          thousands of color combinations from the Color
                          community.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://color.adobe.com/zh/create/color-wheel"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://www.flatuicolorpicker.com/"
                  target="_blank"
                  data-id=""
                  data-url="http://www.flatuicolorpicker.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Best Flat Colors For UI Design."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/flatuicolorpicker.png"
                          data-src="assets/images/logos/flatuicolorpicker.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="flatuicolorpicker"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>flatuicolorpicker</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Best Flat Colors For UI Design.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://www.flatuicolorpicker.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://qrohlf.com/trianglify-generator/"
                  target="_blank"
                  data-id=""
                  data-url="http://qrohlf.com/trianglify-generator/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Trianglify Generator."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/trianglify.png"
                          data-src="assets/images/logos/trianglify.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="trianglify"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>trianglify</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Trianglify Generator.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://qrohlf.com/trianglify-generator/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://klart.co/colors/"
                  target="_blank"
                  data-id=""
                  data-url="https://klart.co/colors/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Beautiful colors and designs to your inbox every week."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/klart.png"
                          data-src="assets/images/logos/klart.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="klart"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>klart</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Beautiful colors and designs to your inbox every week.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://klart.co/colors/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://www.vanschneider.com/colors"
                  target="_blank"
                  data-id=""
                  data-url="http://www.vanschneider.com/colors"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Color Claim was created in 2012 by Tobias van Schneider with the goal to collect &amp; combine unique colors for my future projects."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/vanschneider.png"
                          data-src="assets/images/logos/vanschneider.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="vanschneider"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>vanschneider</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Color Claim was created in 2012 by Tobias van
                          Schneider with the goal to collect &amp; combine
                          unique colors for my future projects.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://www.vanschneider.com/colors"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>
          </div>
          <br />

          <div class="d-flex flex-fill">
            <h4 class="text-gray text-lg mb-4">
              <i
                class="site-tag iconfont icon-tag icon-lg mr-1"
                id="9c2232288caaa8ec40948cef6a786ac2"
              ></i>
              在线工具
            </h4>
            <div class="flex-fill"></div>
          </div>

          <div class="row">
            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://tinypng.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://tinypng.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Optimize your images with a perfect balance in quality and file size."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/tinypng.png"
                          data-src="assets/images/logos/tinypng.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="tinypng"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>tinypng</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Optimize your images with a perfect balance in quality
                          and file size.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://tinypng.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://goqr.me/"
                  target="_blank"
                  data-id=""
                  data-url="http://goqr.me/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="create QR codes for free (Logo, T-Shirt, vCard, EPS)."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/goqr.png"
                          data-src="assets/images/logos/goqr.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="goqr"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>goqr</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          create QR codes for free (Logo, T-Shirt, vCard, EPS).
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://goqr.me/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://ezgif.com"
                  target="_blank"
                  data-id=""
                  data-url="https://ezgif.com"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="simple online GIF maker and toolset for basic animated GIF editing."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/ezgif.png"
                          data-src="assets/images/logos/ezgif.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="ezgif"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>ezgif</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          simple online GIF maker and toolset for basic animated
                          GIF editing.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://ezgif.com"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://inloop.github.io/shadow4android/"
                  target="_blank"
                  data-id=""
                  data-url="http://inloop.github.io/shadow4android/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Android 9-patch shadow generator fully customizable shadows."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/Android9patch.png"
                          data-src="assets/images/logos/Android9patch.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="Android 9 patch"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>Android 9 patch</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Android 9-patch shadow generator fully customizable
                          shadows.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://inloop.github.io/shadow4android/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://screensiz.es/"
                  target="_blank"
                  data-id=""
                  data-url="http://screensiz.es/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Viewport Sizes and Pixel Densities for Popular Devices."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/screensizes.png"
                          data-src="assets/images/logos/screensizes.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="screen sizes"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>screen sizes</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Viewport Sizes and Pixel Densities for Popular
                          Devices.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://screensiz.es/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://base64.icu"
                  target="_blank"
                  data-id=""
                  data-url="https://base64.icu"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="base64在线解码与编码"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/svgomg.png"
                          data-src="assets/images/logos/svgomg.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="base64在线解码"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>base64在线解码</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          base64在线解码与编码
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://base64.icu"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>
          </div>
          <br />

          <div class="d-flex flex-fill">
            <h4 class="text-gray text-lg mb-4">
              <i
                class="site-tag iconfont icon-tag icon-lg mr-1"
                id="13a0e1cc22ccc31b31242a6046230729"
              ></i>
              谷歌插件
            </h4>
            <div class="flex-fill"></div>
          </div>

          <div class="row">
            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://www.wappalyzer.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://www.wappalyzer.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Identify technology on websites."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/wappalyzer.png"
                          data-src="assets/images/logos/wappalyzer.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="wappalyzer"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>wappalyzer</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Identify technology on websites.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://www.wappalyzer.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://usepanda.com/"
                  target="_blank"
                  data-id=""
                  data-url="http://usepanda.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="A smart news reader built for productivity."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/usepanda.png"
                          data-src="assets/images/logos/usepanda.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="Panda"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>Panda</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          A smart news reader built for productivity.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://usepanda.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://sizzy.co/"
                  target="_blank"
                  data-id=""
                  data-url="https://sizzy.co/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="A tool for developing responsive websites crazy-fast."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/sizzy.png"
                          data-src="assets/images/logos/sizzy.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="sizzy"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>sizzy</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          A tool for developing responsive websites crazy-fast.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://sizzy.co/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://csspeeper.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://csspeeper.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Smart CSS viewer tailored for Designers."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/csspeeper.png"
                          data-src="assets/images/logos/csspeeper.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="csspeeper"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>csspeeper</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Smart CSS viewer tailored for Designers.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://csspeeper.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://insight.io/"
                  target="_blank"
                  data-id=""
                  data-url="http://insight.io/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="IDE-like code search and navigation, on the cloud."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/insight.png"
                          data-src="assets/images/logos/insight.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="insight"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>insight</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          IDE-like code search and navigation, on the cloud.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://insight.io/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://mustsee.earth/"
                  target="_blank"
                  data-id=""
                  data-url="http://mustsee.earth/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Discover the world&#39;s most beautiful places at every opened tab."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/mustsee.png"
                          data-src="assets/images/logos/mustsee.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="mustsee"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>mustsee</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Discover the world&#39;s most beautiful places at
                          every opened tab.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://mustsee.earth/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>
          </div>
          <br />

          <div class="d-flex flex-fill">
            <h4 class="text-gray text-lg mb-4">
              <i
                class="site-tag iconfont icon-tag icon-lg mr-1"
                id="19cb9b648dba4efc58a205ea413b6b5d"
              ></i>
              资讯书籍
            </h4>
            <div class="flex-fill"></div>
          </div>

          <div class="row">
            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://weread.qq.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://weread.qq.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="微信读书电脑版。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/%e5%be%ae%e4%bf%a1%e8%af%bb%e4%b9%a6.jpg"
                          data-src="assets/images/logos/%e5%be%ae%e4%bf%a1%e8%af%bb%e4%b9%a6.jpg"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="微信读书"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>微信读书</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          微信读书电脑版。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://weread.qq.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://www.bookstack.cn/"
                  target="_blank"
                  data-id=""
                  data-url="https://www.bookstack.cn/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="IT 互联网开源编程书籍免费阅读与下载。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/%e4%b9%a6%e6%a0%88%e7%bd%91.jpg"
                          data-src="assets/images/logos/%e4%b9%a6%e6%a0%88%e7%bd%91.jpg"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="书栈网"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>书栈网</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          IT 互联网开源编程书籍免费阅读与下载。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://www.bookstack.cn/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>
          </div>
          <br />



          <div class="d-flex flex-fill">
            <h4 class="text-gray text-lg mb-4">
              <i
                class="site-tag iconfont icon-tag icon-lg mr-1"
                id="33d3098041927a26a98ed4c6822c9687"
              ></i>
              设计规范
            </h4>
            <div class="flex-fill"></div>
          </div>

          <div class="row">
            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://designguidelines.co/"
                  target="_blank"
                  data-id=""
                  data-url="http://designguidelines.co/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Design Guidelines &amp;mdash; The way products are built."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/designguidelines.png"
                          data-src="assets/images/logos/designguidelines.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="Design Guidelines"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>Design Guidelines</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Design Guidelines &amp;mdash; The way products are
                          built.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://designguidelines.co/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://github.com/alexpate/awesome-design-systems"
                  target="_blank"
                  data-id=""
                  data-url="https://github.com/alexpate/awesome-design-systems"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="A collection of awesome design systems."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/awesome_design_systems.png"
                          data-src="assets/images/logos/awesome_design_systems.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="Awesome design systems"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>Awesome design systems</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          A collection of awesome design systems.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://github.com/alexpate/awesome-design-systems"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://material.io/guidelines/"
                  target="_blank"
                  data-id=""
                  data-url="https://material.io/guidelines/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Introduction - Material Design."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/Material_Design.png"
                          data-src="assets/images/logos/Material_Design.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="Material Design"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>Material Design</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Introduction - Material Design.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://material.io/guidelines/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://developer.apple.com/ios/human-interface-guidelines"
                  target="_blank"
                  data-id=""
                  data-url="https://developer.apple.com/ios/human-interface-guidelines"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Human Interface Guidelines iOS."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/human_interface_guidelines.png"
                          data-src="assets/images/logos/human_interface_guidelines.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="Human Interface Guidelines"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>Human Interface Guidelines</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Human Interface Guidelines iOS.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://developer.apple.com/ios/human-interface-guidelines"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://zaixianps.net/?ref=hrzhanghuan.com"
                  target="_blank"
                  data-id=""
                  data-url="https://zaixianps.net/?ref=hrzhanghuan.com"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="在线图像编辑器"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/photoshopetiquette.png"
                          data-src="assets/images/logos/photoshopetiquette.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="在线图像编辑器"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>在线图像编辑器</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          在线图像编辑器
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://zaixianps.net/?ref=hrzhanghuan.com"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>
          </div>
          <br />

          <div class="d-flex flex-fill">
            <h4 class="text-gray text-lg mb-4">
              <i
                class="site-tag iconfont icon-tag icon-lg mr-1"
                id="aec25b122d7aceb3dd3b64cf71858ed2"
              ></i>
              视频教程
            </h4>
            <div class="flex-fill"></div>
          </div>

          <div class="row">
            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://www.photoshoplady.com/"
                  target="_blank"
                  data-id=""
                  data-url="http://www.photoshoplady.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="Your Favourite Photoshop Tutorials in One Place."
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/PhotoshopLady.png"
                          data-src="assets/images/logos/PhotoshopLady.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="Photoshop Lady"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>Photoshop Lady</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          Your Favourite Photoshop Tutorials in One Place.
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://www.photoshoplady.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://doyoudo.com/"
                  target="_blank"
                  data-id=""
                  data-url="http://doyoudo.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="创意设计软件学习平台。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/doyoudo.png"
                          data-src="assets/images/logos/doyoudo.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="doyoudo"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>doyoudo</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          创意设计软件学习平台。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://doyoudo.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="http://www.c945.com/web-ui-tutorial/"
                  target="_blank"
                  data-id=""
                  data-url="http://www.c945.com/web-ui-tutorial/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="WEB UI免费视频公开课。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/web_ui_tutorial.png"
                          data-src="assets/images/logos/web_ui_tutorial.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="没位道"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>没位道</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          WEB UI免费视频公开课。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="http://www.c945.com/web-ui-tutorial/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>

            <div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
              <div class="url-body default">
                <a
                  href="https://www.imooc.com/"
                  target="_blank"
                  data-id=""
                  data-url="https://www.imooc.com/"
                  class="card no-c mb-4"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  data-original-title="程序员的梦工厂（有UI课程）。"
                >
                  <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                      <div
                        class="url-img mr-2 d-flex align-items-center justify-content-center"
                      >
                        <img
                          class="lazy"
                          src="assets/images/logos/imooc.png"
                          data-src="assets/images/logos/imooc.png"
                          onerror="javascript:this.src='assets\/images\/logos\/default.webp'"
                          alt="慕课网"
                        />
                      </div>
                      <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                          <strong>慕课网</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">
                          程序员的梦工厂（有UI课程）。
                        </p>
                      </div>
                    </div>
                  </div>
                </a>
                <a
                  href="https://www.imooc.com/"
                  class="togo text-center text-muted is-views"
                  data-id="689"
                  data-toggle="tooltip"
                  data-placement="right"
                  title="直达"
                  rel="nofollow"
                >
                  <i class="iconfont icon-goto"></i>
                </a>
              </div>
            </div>
          </div>
          <br />

          <h4 class="text-gray text-lg mb-4">
            <i
              class="iconfont icon-book-mark-line icon-lg mr-2"
              id="friendlink"
            ></i
            >友情链接
          </h4>
          <div class="friendlink text-xs card">
            <div class="card-body">
              <a href="https://csdn.net" title="程序员社区" target="_blank"
                >CSDN</a
              >

              <a href="https://gitapp.cn/" title="程序设计网" target="_blank"
                >程序设计网</a
              >

              <a href="https://juejin.im" title="掘金社区" target="_blank"
                >掘金社区</a
              >

              <a href="https://aliyun.com" title="阿里云社区" target="_blank"
                >阿里云社区</a
              >
            </div>
          </div>
        </div>

        <footer class="main-footer footer-type-1 text-xs">
          <div id="footer-tools" class="d-flex flex-column">
            <a
              href="javascript:"
              id="go-to-up"
              class="btn rounded-circle go-up m-1"
              rel="go-top"
            >
              <i class="iconfont icon-to-up"></i>
            </a>

            <a
              href="javascript:"
              data-toggle="modal"
              data-target="#search-modal"
              class="btn rounded-circle m-1"
              rel="search"
              one-link-mark="yes"
            >
              <i class="iconfont icon-search"></i>
            </a>

            <a
              href="javascript:"
              onclick="window.location.href='javascript:switchNightMode()'"
              class="btn rounded-circle switch-dark-mode m-1"
              id="yejian"
              data-toggle="tooltip"
              data-placement="left"
              title="日间模式"
            >
              <i class="mode-ico iconfont icon-night"></i>
            </a>
          </div>
          <div class="footer-inner">
            <div class="footer-text">
              本站内容源自互联网，如有内容侵犯了你的权益，请联系删除相关内容，联系邮箱：liuzhao0409@gmail.com
              <br />© 2021 - 2023 By
              <a href="http://beian.miit.gov.cn/">冀ICP备2024072507号</a><br />
            </div>
          </div>
        </footer>
      </div>
    </div>

    <div class="modal fade search-modal" id="search-modal">
      <div class="modal-dialog modal-lg modal-dialog-centered">
        <div class="modal-content">
          <div class="modal-body">
            <div id="search" class="s-search mx-auto my-4">
              <div id="search-list" class="hide-type-list">
                <div class="s-type">
                  <span></span>
                  <div class="s-type-list">
                    <label for="m_type-baidu" data-id="group-a">常用</label>
                    <label for="m_type-baidu1" data-id="group-b">搜索</label>
                    <label for="m_type-whois" data-id="group-c">工具</label>
                    <label for="m_type-zhihu" data-id="group-d">社区</label>
                    <label for="m_type-taobao1" data-id="group-e">生活</label>
                    <label for="m_type-zhaopin" data-id="group-f">求职</label>
                  </div>
                </div>
                <div class="search-group group-a">
                  <span class="type-text text-muted">常用</span>
                  <ul class="search-type">
                    <li>
                      <input
                        checked="checked"
                        hidden=""
                        type="radio"
                        name="type2"
                        id="m_type-baidu"
                        value="https://www.baidu.com/s?wd="
                        data-placeholder="百度一下，你就知道"
                      />
                      <label for="m_type-baidu"
                        ><span class="text-muted">百度</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type2"
                        id="m_type-bing"
                        value="https://cn.bing.com/search?q="
                        data-placeholder="微软必应搜索"
                      />
                      <label for="m_type-bing"
                        ><span class="text-muted">必应</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type2"
                        id="m_type-google"
                        value="https://www.google.com/search?q="
                        data-placeholder="谷歌搜索"
                      />
                      <label for="m_type-google"
                        ><span class="text-muted">谷歌</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type2"
                        id="m_type-anaconda"
                        value="https://anaconda.org/search?q="
                        data-placeholder="Anaconda 软件搜索"
                      />
                      <label for="m_type-anaconda"
                        ><span class="text-muted">软件</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type2"
                        id="m_type-pubmed"
                        value="https://pubmed.ncbi.nlm.nih.gov/?term="
                        data-placeholder="PubMed 搜索/文章标题/关键字"
                      />
                      <label for="m_type-pubmed"
                        ><span class="text-muted">文献</span></label
                      >
                    </li>
                  </ul>
                </div>
                <div class="search-group group-b">
                  <span class="type-text text-muted">搜索</span>
                  <ul class="search-type">
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type2"
                        id="m_type-baidu1"
                        value="https://www.baidu.com/s?wd="
                        data-placeholder="百度一下，你就知道"
                      /><label for="m_type-baidu1"
                        ><span class="text-muted">百度</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type2"
                        id="m_type-google1"
                        value="https://www.google.com/search?q="
                        data-placeholder="谷歌搜索"
                      /><label for="m_type-google1"
                        ><span class="text-muted">谷歌</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type2"
                        id="m_type-360"
                        value="https://www.so.com/s?q="
                        data-placeholder="360 好搜"
                      /><label for="m_type-360"
                        ><span class="text-muted">360</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type2"
                        id="m_type-sogo"
                        value="https://www.sogou.com/web?query="
                        data-placeholder="搜狗搜索"
                      /><label for="m_type-sogo"
                        ><span class="text-muted">搜狗</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type2"
                        id="m_type-bing1"
                        value="https://cn.bing.com/search?q="
                        data-placeholder="微软必应搜索"
                      /><label for="m_type-bing1"
                        ><span class="text-muted">必应</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type2"
                        id="m_type-sm"
                        value="https://yz.m.sm.cn/s?q="
                        data-placeholder="UC 移动端搜索"
                      /><label for="m_type-sm"
                        ><span class="text-muted">神马</span></label
                      >
                    </li>
                  </ul>
                </div>
                <div class="search-group group-c">
                  <span class="type-text text-muted">工具</span>
                  <ul class="search-type">
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type2"
                        id="m_type-br"
                        value="https://rank.chinaz.com/all/"
                        data-placeholder="请输入网址(不带 https://)"
                      />
                      <label for="m_type-br"
                        ><span class="text-muted">权重查询</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type2"
                        id="m_type-links"
                        value="https://link.chinaz.com/"
                        data-placeholder="请输入网址(不带 https://)"
                      />
                      <label for="m_type-links"
                        ><span class="text-muted">友链检测</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type2"
                        id="m_type-whois"
                        value="https://who.is/whois/"
                        data-placeholder="请输入网址(不带 https://)"
                      />
                      <label for="m_type-whois"
                        ><span class="text-muted">域名信息查询</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type2"
                        id="m_type-ping"
                        value="https://ping.chinaz.com/"
                        data-placeholder="请输入网址(不带 https://)"
                      />
                      <label for="m_type-ping"
                        ><span class="text-muted">PING 检测</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type2"
                        id="m_type-404"
                        value="https://tool.chinaz.com/Links/?DAddress="
                        data-placeholder="请输入网址(不带 https://)"
                      />
                      <label for="m_type-404"
                        ><span class="text-muted">死链检测</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type2"
                        id="m_type-ciku"
                        value="https://www.ciku5.com/s?wd="
                        data-placeholder="请输入关键词"
                      />
                      <label for="m_type-ciku"
                        ><span class="text-muted">关键词挖掘</span></label
                      >
                    </li>
                  </ul>
                </div>
                <div class="search-group group-d">
                  <span class="type-text text-muted">社区</span>
                  <ul class="search-type">
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type2"
                        id="m_type-zhihu"
                        value="https://www.zhihu.com/search?type=content&q="
                        data-placeholder="知乎"
                      />
                      <label for="m_type-zhihu"
                        ><span class="text-muted">知乎</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type2"
                        id="m_type-wechat"
                        value="https://weixin.sogou.com/weixin?type=2&query="
                        data-placeholder="微信"
                      />
                      <label for="m_type-wechat"
                        ><span class="text-muted">微信</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type2"
                        id="m_type-weibo"
                        value="https://s.weibo.com/weibo/"
                        data-placeholder="微博"
                      />
                      <label for="m_type-weibo"
                        ><span class="text-muted">微博</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type2"
                        id="m_type-douban"
                        value="https://www.douban.com/search?q="
                        data-placeholder="豆瓣"
                      />
                      <label for="m_type-douban"
                        ><span class="text-muted">豆瓣</span></label
                      >
                    </li>
                  </ul>
                </div>
                <div class="search-group group-e">
                  <span class="type-text text-muted">生活</span>
                  <ul class="search-type">
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type2"
                        id="m_type-taobao1"
                        value="https://s.taobao.com/search?q="
                        data-placeholder="淘宝"
                      />
                      <label for="m_type-taobao1"
                        ><span class="text-muted">淘宝</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type2"
                        id="m_type-jd"
                        value="https://search.jd.com/Search?keyword="
                        data-placeholder="京东"
                      />
                      <label for="m_type-jd"
                        ><span class="text-muted">京东</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type2"
                        id="m_type-xiachufang"
                        value="https://www.xiachufang.com/search/?keyword="
                        data-placeholder="下厨房"
                      />
                      <label for="m_type-xiachufang"
                        ><span class="text-muted">下厨房</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type2"
                        id="m_type-xiangha"
                        value="https://www.xiangha.com/so/?q=caipu&s="
                        data-placeholder="香哈菜谱"
                      />
                      <label for="m_type-xiangha"
                        ><span class="text-muted">香哈菜谱</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type2"
                        id="m_type-12306"
                        value="https://www.12306.cn/?"
                        data-placeholder="12306"
                      />
                      <label for="m_type-12306"
                        ><span class="text-muted">12306</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type2"
                        id="m_type-qunar"
                        value="https://www.qunar.com/?"
                        data-placeholder="去哪儿"
                      />
                      <label for="m_type-qunar"
                        ><span class="text-muted">去哪儿</span></label
                      >
                    </li>
                  </ul>
                </div>
                <div class="search-group group-f">
                  <span class="type-text text-muted">求职</span>
                  <ul class="search-type">
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type2"
                        id="m_type-zhaopin"
                        value="https://sou.zhaopin.com/jobs/searchresult.ashx?kw="
                        data-placeholder="智联招聘"
                      />
                      <label for="m_type-zhaopin"
                        ><span class="text-muted">智联招聘</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type2"
                        id="m_type-51job"
                        value="https://search.51job.com/?"
                        data-placeholder="前程无忧"
                      />
                      <label for="m_type-51job"
                        ><span class="text-muted">前程无忧</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type2"
                        id="m_type-lagou"
                        value="https://www.lagou.com/jobs/list_"
                        data-placeholder="拉钩网"
                      />
                      <label for="m_type-lagou"
                        ><span class="text-muted">拉钩网</span></label
                      >
                    </li>
                    <li>
                      <input
                        hidden=""
                        type="radio"
                        name="type2"
                        id="m_type-liepin"
                        value="https://www.liepin.com/zhaopin/?key="
                        data-placeholder="猎聘网"
                      />
                      <label for="m_type-liepin"
                        ><span class="text-muted">猎聘网</span></label
                      >
                    </li>
                  </ul>
                </div>
              </div>
              <form
                action="https://nav.iowen.cn?s="
                method="get"
                target="_blank"
                class="super-search-fm"
              >
                <input
                  type="text"
                  id="m_search-text"
                  class="form-control smart-tips search-key"
                  zhannei=""
                  autocomplete="off"
                  placeholder="输入关键字搜索"
                  style="outline: 0"
                />
                <button type="submit">
                  <i class="iconfont icon-search"></i>
                </button>
              </form>
              <div class="card search-smart-tips" style="display: none">
                <ul></ul>
              </div>
            </div>
          </div>
          <div
            style="
              position: absolute;
              bottom: -40px;
              width: 100%;
              text-align: center;
            "
          >
            <a href="javascript:" data-dismiss="modal"
              ><i
                class="iconfont icon-close-circle icon-2x"
                style="color: #fff"
              ></i
            ></a>
          </div>
        </div>
      </div>
    </div>
    <script>
        const xhr = new XMLHttpRequest();
        xhr.open('GET', 'https://zzblog.online/tourl/mogu-web/index/recorderVisitPage?pageName=nav');
        xhr.onload = () => {
          if (xhr.status === 200) {
            console.log(xhr.responseText);
          } else {
            console.error(`Error: ${xhr.status}`);
          }
        };
        xhr.send();
    </script>
    <script
      type="text/javascript"
      src="./assets/js/jquery.ui.touch-punch.min-0.2.2.js"
      id="jqueryui-touch-js"
    ></script>
    <script
      type="text/javascript"
      src="./assets/js/clipboard.min-5.6.2.js"
      id="clipboard-js"
    ></script>
    <script
      type="text/javascript"
      src="./assets/js/tooltip-extend.js"
      id="iplaycode-nav-js"
    ></script>
    <script type="text/javascript" id="popper-js-extra">
      var theme = {
        ajaxurl: "",
        addico:
          "https:\/\/nav.baidu.cn\/wp-content\/themes\/onenav\/images\/add.png",
        order: "asc",
        formpostion: "top",
        defaultclass: "io-grey-mode",
        isCustomize: "1",
        icourl: "",
        icopng: ".png",
        urlformat: "1",
        customizemax: "10",
        newWindow: "0",
        lazyload: "1",
        minNav: "1",
        loading: "1",
        hotWords: "baidu",
        classColumns: " col-sm-6 col-md-4 col-xl-5a col-xxl-6a ",
        apikey:
          "TWpBeU1UVTNOekk1TWpVMEIvZ1M2bFVIQllUMmxsV1dZelkxQTVPVzB3UW04eldGQmxhM3BNWW14bVNtWk4=",
      };
    </script>
    <script
      type="text/javascript"
      src="./assets/js/popper.min.js"
      id="popper-js"
    ></script>
    <script
      type="text/javascript"
      src="./assets/js/bootstrap.min-4.3.1.js"
      id="bootstrap-js"
    ></script>
    <script
      type="text/javascript"
      src="./assets/js/theia-sticky-sidebar-1.5.0.js"
      id="sidebar-js"
    ></script>
    <script
      type="text/javascript"
      src="./assets/js/lazyload.min-12.4.0.js"
      id="lazyload-js"
    ></script>
    <script
      type="text/javascript"
      src="./assets/js/fancybox.min-3.5.7.js"
      id="lightbox-js-js"
    ></script>

    <script
      type="text/javascript"
      src="./assets/js/app-anim.js"
      id="appanim-js"
    ></script>

    <script type="text/javascript">
      $(document).ready(function () {
        var siteWelcome = $("#loading");
        siteWelcome.addClass("close");
        setTimeout(function () {
          siteWelcome.remove();
        }, 600);
      });
    </script>
    <script>
      $(document).ready(function () {
        setTimeout(function () {
          if ($('a.smooth[href="' + window.location.hash + '"]')[0]) {
            $('a.smooth[href="' + window.location.hash + '"]').click();
          } else if (window.location.hash != "") {
            $("html, body").animate(
              {
                scrollTop: $(window.location.hash).offset().top - 90,
              },
              {
                duration: 500,
                easing: "swing",
              }
            );
          }
        }, 300);
        $(document).on("click", "a.smooth", function (ev) {
          if (
            $("#sidebar").hasClass("show") &&
            !$(this).hasClass("change-href")
          ) {
            $("#sidebar").modal("toggle");
          }
          if ($(this).attr("href").substr(0, 1) == "#") {
            $("html, body").animate(
              {
                scrollTop: $($(this).attr("href")).offset().top - 90,
              },
              {
                duration: 500,
                easing: "swing",
              }
            );
          }
          if ($(this).hasClass("go-search-btn")) {
            $("#search-text").focus();
          }
          if (!$(this).hasClass("change-href")) {
            var menu = $("a" + $(this).attr("href"));
            menu.click();
            toTarget(menu.parent().parent(), true, true);
          }
        });
        $(document).on("click", "a.tab-noajax", function (ev) {
          var url = $(this).data("link");
          if (url)
            $(this)
              .parents(".d-flex.flex-fill.flex-tab")
              .children(".btn-move.tab-move")
              .show()
              .attr("href", url);
          else
            $(this)
              .parents(".d-flex.flex-fill.flex-tab")
              .children(".btn-move.tab-move")
              .hide();
        });
      });
    </script>

    <script>
      (function () {
        if (
          document.cookie.replace(
            /(?:(?:^|.*;\s*)night\s*\=\s*([^;]*).*$)|^.*$/,
            "$1"
          ) === ""
        ) {
          if (new Date().getHours() > 22 || new Date().getHours() < 6) {
            document.body.classList.remove("io-black-mode");
            document.body.classList.add("io-grey-mode");
            document.cookie = "night=1;path=/";
            console.log("夜间模式开启");
          } else {
            document.body.classList.remove("night");
            document.cookie = "night=0;path=/";
            console.log("夜间模式关闭");
          }
        } else {
          var night =
            document.cookie.replace(
              /(?:(?:^|.*;\s*)night\s*\=\s*([^;]*).*$)|^.*$/,
              "$1"
            ) || "0";
          if (night == "0") {
            document.body.classList.remove("night");
          } else if (night == "1") {
            document.body.classList.add("night");
          }
        }
      })();

      $("#search-bg").css(
        "background-image",
        "url(assets\/images\/bg-dna.jpg)"
      );
      function switchNightMode() {
        var night =
          document.cookie.replace(
            /(?:(?:^|.*;\s*)night\s*\=\s*([^;]*).*$)|^.*$/,
            "$1"
          ) || "0";
        if (night == "0") {
          $("#search-bg").css(
            "background-image",
            "url(assets\/images\/bg-dna.jpg)"
          );
          document.body.classList.remove("io-grey-mode");
          document.body.classList.add("io-black-mode");
          document.cookie = "night=1;path=/";
          console.log(" ");
          $(".switch-dark-mode").attr("data-original-title", "日间模式");
          $(".mode-ico").removeClass("icon-night");
          $(".mode-ico").addClass("icon-light");
        } else {
          $("#search-bg").css(
            "background-image",
            "url(assets\/images\/bg-dna.jpg)"
          );
          document.body.classList.remove("io-black-mode");
          document.body.classList.add("io-grey-mode");
          document.cookie = "night=0;path=/";
          console.log(" ");
          $(".switch-dark-mode").attr("data-original-title", "夜间模式");
          $(".mode-ico").removeClass("icon-light");
          $(".mode-ico").addClass("icon-night");
        }
      }
    </script>
  </body>
</html>
